Foros del Web » Creando para Internet » CSS »

css en lista/menu HTML, apariencia del valor seleccionado

Estas en el tema de css en lista/menu HTML, apariencia del valor seleccionado en el foro de CSS en Foros del Web. Hola a todos. Bueno, tengo el siguiente inconveniente. Lo resumo al meollo del asunto. Tengo una lista HTML con 4 opciones (DISPONIBLE, NO DISPONIBLE, etc.), ...
  #1 (permalink)  
Antiguo 23/10/2009, 11:19
 
Fecha de Ingreso: octubre-2009
Mensajes: 32
Antigüedad: 8 años, 1 mes
Puntos: 2
css en lista/menu HTML, apariencia del valor seleccionado

Hola a todos. Bueno, tengo el siguiente inconveniente. Lo resumo al meollo del asunto. Tengo una lista HTML con 4 opciones (DISPONIBLE, NO DISPONIBLE, etc.), cada opción tiene el valor selected si en la base de datos esa es la opción. a su vez, cuando se envía el form se actualiza la base de datos, osea que es a la vez una consulta y un formulario de actualización. La cosa es que lo que no puedo hacer de ninguna manera con css es que la opción que tenga el valor selected "DISPONIBLE" tenga las letras rojas y en negrita.

Este es la lista que tengo:

Código PHP:
<label>
          <select name="1" id="lista" >
          <option   <?php if ($id[$l]['disponibilidad']=="NO DISPONIBLE") {echo "SELECTED";}; ?>>NO DISPONIBLE</option>
          <option <?php if ($id[$l]['disponibilidad']=="DISPONIBLE") {echo "SELECTED";}; ?>>DISPONIBLE</option>
          <option    <?php if ($id[$l]['disponibilidad']=="TEMPORALMENTE DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE DISPONIBLE</option>
          <option    <?php if ($id[$l++]['disponibilidad']=="TEMPORALMENTE NO DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE NO DISPONIBLE</option>
        </select>
     
      </label>
Y algo de lo que intenté es:

Código PHP:
<label>
          <select name="1" id="lista" >
          <option   <?php if ($id[$l]['disponibilidad']=="NO DISPONIBLE") {echo "SELECTED";}; ?>>NO DISPONIBLE</option>
          <option  <?php if ($id[$l]['disponibilidad']=="DISPONIBLE") {echo "SELECTED [HIGHLIGHT="#FFEAEA"]class='selec'[/HIGHLIGHT]";}; ?>>DISPONIBLE</option>
          <option    <?php if ($id[$l]['disponibilidad']=="TEMPORALMENTE DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE DISPONIBLE</option>
          <option    <?php if ($id[$l++]['disponibilidad']=="TEMPORALMENTE NO DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE NO DISPONIBLE</option>
        </select>
     
      </label>
donde creo una regla css del tipo .selec {font-weight:bold; color:#elcolor;}

pero esto no funciona, alguien tiene una idea o algo?

No puede ser con Javascript porque en realidad tengo 2550 listas mas o menos iguales.

Última edición por ca23sere; 23/10/2009 a las 11:37
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:01.