Elemento no coja el focus

[franjgg]

Hola amigos como estan,

Veran mi problema es el siguiente, tengo un elemento usando en el que mediante css cambio de color con elemento:focus el problema es que cuando pulso un menu que se despliega hacia abajo lo pierde en el momento del click pero lo recupera dando un efecto de parpadeo.

Lo que me gustaria es que cuando este elento pierde el focus no lo recuperase, no se si hay alguna propiedad para que recupere el focus, bueno a ver si alguien sabe como se podria solucionar esto.


Un saludo y mil gracias

[Carlangueitor]

No sería más fácil que con CSS le indicaras el estilo del :focus?

Saludos

[franjgg]

Hola amigo, gracias por su atencion.


Si precisamente eso es lo que hago y el cuando tiene el focus funciona bien el problema es que cuando pulso la opcion del menu que tiene desplegable el momento del clikc pierde el focus y cuando levanto el dedo del raton lo recuperar entonces hace un parpadeo.


Un saludo amigo

[Carlangueitor]

No entiendo ._. ¿tendrás por ahí la página online? ¿o el código en su defecto?

[franjgg]

el codigo seria este amigo


el css:

Código CSS:

.combo /* look&fell of scriptaculous select box*/  
{
  margin: 0px 0px 0px 60px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1pt;
  /*font-weight:bold;*/ 
  width:200px; 
  text-align:left; 
 
    background-position:left top;
    background-repeat:no-repeat;*/
    background-color:transparent;
  height:45px;
  /*position:absolute;*/
  cursor: pointer;
  /*border-left:solid 2px #777777;*/
  border-top:0px;
    border-right:0px;
    border-bottom:0px;
    border-left:0px;    
  color:#6e6e6e;
    padding:5px 5px 5px 15px;
  /*border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;*/    
 
}
 
.combo:visited/* look&fell of scriptaculous select box*/  
{
  margin: 0px 0px 0px 60px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1pt;
  /*font-weight:bold;*/ 
  width:200px; 
  text-align:left; 
 
    background-position:left top;
    background-repeat:no-repeat;*/
    background-color:transparent;
  height:45px;
  /*position:absolute;*/
  cursor: pointer;
  /*border-left:solid 2px #777777;*/
  border:solid 2px red; 
  color:#6e6e6e;
    padding:5px 5px 5px 15px;
  /*border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;*/    
 
}
 
 
.combo:active/* look&fell of scriptaculous select box*/  
{
  margin: 0px 0px 0px 60px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1pt;
  /*font-weight:bold;*/ 
  width:200px; 
  text-align:left; 
 
    background-position:left top;
    background-repeat:no-repeat;*/
    background-color:transparent;
  height:45px;
  /*position:absolute;*/
  cursor: pointer;
  /*border-left:solid 2px #777777;*/
  border:solid 2px red; 
  color:#6e6e6e;
    padding:5px 5px 5px 15px;
  /*border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;*/    
 
}
 
.combo:focus /* look&fell of scriptaculous select box*/  
{
  margin: 0px 0px 0px 60px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1pt;
  /*font-weight:bold;*/ 
  width:200px; 
  text-align:left; 
 
    background-position:left top;
    background-repeat:no-repeat;*/
    background-color:transparent;
  height:45px;
  /*position:absolute;*/
  cursor: pointer;
  /*border-left:solid 2px #777777;*/
  border:solid 2px red; 
  color:#6e6e6e;
    padding:5px 5px 5px 15px;
  /*border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;*/    
 
}
 

El php

Código PHP:

echo '<select style="display: none; border:0px;" id="Categoria" name="Categoria" class="combo">';                    
           echo '<option value="vacio"></option>';
                     
           $consulta = "SELECT DISTINCT Ncategoria, categoria, tabla FROM categorias";
           $resultado = mysql_query($consulta, $con);
        
           while ($array = mysql_fetch_array($resultado)){
                     if ( $array['tabla'] == $_SESSION['Categoria'] )
                     {
                     echo '<option class="select_option" value="index.php?page=puls&Categoria='.$array['tabla'].'" selected="selected" >'.$array['categoria'].'</option>';                           
                             }
                     else
                     {
                     //echo '<option class="select_option" value="'.$array['tabla'].'" >'.$array['categoria'].'</option>';
                     echo '<option class="select_option" value="index.php?page=puls&Categoria='.$array['tabla'].'" >'.$array['categoria'].'</option>';                                   
 
                             }
                    
           }
         
           echo '</select>';
 

Es un select hecho con javascrit entonces cuando pulso sobre el para cambiar el valor coje el focus y cambia el border a red el problema esta cuando elijo una opcion del select en ese momento por alguna razon pierde el focus y cuando levanto el dedo al hacer click lo recuperar por lo que hace un parpadeo

[franjgg]

Por eso la idea de que cuando perdiera el focus no lo recuperase asi evitariamos el parpadeo