estilo CSS en select > option > disabled

hector2c · #1 (**permalink**) 23/09/2011, 10:48

muy buenos días, mi duda es la siguiente con CSS, como puedo dar estilo a un select>option con atributo disabled???

pues, al mostrarlo actualmente sale de un color un poco tenue y no sulen diferenciarZe los habilitados y deshabilitados...

espero puedan ayudarme

_cronos2 · #2 (**permalink**) 23/09/2011, 14:57

Puedes usar algo como:

Cita:

select > option[disabled]

Sin embargo, esto seleccionará todos los option que tengan el atributo disabled declarado, no importa si es true o false o disabled o dsaskldgh. Para más seguridad si vas a estar habilitándolo y deshabilitándolo, deberías usar:

Cita:

select > option[disabled="disabled"]

Saludos (:
PD: Al menos en Chrome, tanto esto

Cita:

option.disabled = true;

como esto

Cita:

option.disabled = 'disabled';

No setea un valor para la propiedad, sólo la declara. Por tanto, el segundo query no daría resultado.

emprear · #3 (**permalink**) 23/09/2011, 16:13

El que los haga tenues es justamente para dirferenciarlos.
Podés hacer algo así

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<select>
    <option value="" selected="selected">Seleccionar modelo</a>
  <option  style="font-weight: bold !important; color: red !important ;background-color: yellow;" disabled="disabled" value="volvo">Volvo</option>
  <option value="ford">Ford</option>
  <option value="mercedes">Mercedes</option>
  <option value="toyota">Toyota</option>
</select>
</body>
</html>

Pero el comportamiento de un navegador a otro puede variar, por ejemplo el font-weight: bold, sólo te lo reconoce Firefox.
Tambien podés hacer a la inversa, dejar atenuado el disabled como viene or defecto y resaltar el resto

saludos

furoya · #4 (**permalink**) 24/09/2011, 08:10

Hace poco preguntaron —de nuevo— por formatos disabled.

Disabled en html

Ahí dejé un enlace a un tema donde se discutió bastante sobre la simulación de deshabilitados y ese asunto que te comenta emprear sobre la diferencia entre navegadores.
Si haces una búsqueda en el foro y la web vas a encontrar más data.