2010-09-21 11 views
61

¿Hay un selector CSS para deshabilitado input type="submit" o "button"?selector de CSS para entrada deshabilitada type = "submit"

¿Debo simplemente usar input[type="submit"][disabled]?

¿Eso funciona en IE6?

+4

': disabled' puede ser mejor, en CSS3. Sin embargo, IE tampoco es compatible, por lo que necesitarás una clase de respaldo. – bobince

+0

Gracias, buen punto, pero planeo alejarme de CSS3 por ahora. – Francisc

+13

Los desarrolladores realmente necesitan dejar de intentar soportar IE6. Y los propietarios/gerentes del sitio realmente necesitan dejar de pedirles a los desarrolladores que lo respalden. Vamos gente - ¡IE9 está saliendo ahora! – Spudley

Respuesta

95

¿Eso funciona en IE6?

No, IE6 no soporta selectores de atributos en absoluto, cf. CSS Compatibility and Internet Explorer.

Puede encontrar How to workaround: IE6 does not support CSS “attribute” selectors digno de leer.


EDITAR
Si usted es hacer caso omiso de IE6, que podría hacer (CSS 2.1):

input[type=submit][disabled=disabled], 
button[disabled=disabled] { 
    ... 
} 

CSS3 (IE9 +):

input[type=submit]:disabled, 
button:disabled { 
    ... 
} 

Usted puede sustituto [disabled=disabled] (valor de atributo) con [disabled] (presencia de atributo).

+0

Ok, gracias. Pero si tuviera que ignorar IE6, ¿cómo se lograría eso? ¿La entrada [type = "button" [disabled] sería estándar? – Francisc

+0

Gracias de nuevo por el primer enlace, compatibilidad con CSS e Internet Explorer - EXCELENTE ARTÍCULO, marcador instantáneo. – Francisc

+0

@Francisc Ver respuesta actualizada. – jensgram

1

Como dice jensgram, IE6 no admite el selector de atributos. Podría agregar una clase = "deshabilitada" para seleccionar las entradas deshabilitadas para que esto pueda funcionar en IE6.

Cuestiones relacionadas