nth - pseudo elementos css
Entrada de css pseudo clases: no(deshabilitado) no:[tipo="enviar"]: foco (3)
En lugar de:
input:not(disabled)not:[type="submit"]:focus {}
Utilizar:
input:not([disabled]):not([type="submit"]):focus {}
disabled es un atributo por lo que necesita los corchetes, y parece que has mezclado / faltado dos puntos y paréntesis en el selector :not() .
Demostración: http://jsfiddle.net/HSKPx/
Una cosa a tener en cuenta: puedo estar equivocado, pero no creo que disabled entradas disabled normalmente puedan recibir el foco, por lo que esa parte puede ser redundante.
Alternativamente, use :enabled
input:enabled:not([type="submit"]):focus { /* styles here */ }
De nuevo, no puedo pensar en un caso en el que las entradas deshabilitadas puedan recibir el foco, por lo que parece innecesario.
Quiero aplicar algunos CSS para los elementos de las entradas y quiero hacer eso solo para las entradas que no están deshabilitadas y no son tipo de envío, debajo de css no está funcionando, tal vez si alguien me puede explicar cómo se debe agregar esto.
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}
Tienes algunos errores tipográficos en tu selección. Debería ser: input:not([disabled]):not([type="submit"]):focus
Vea este jsFiddle para una prueba de concepto. En una nota al margen, si eliminé la propiedad "color de fondo", la sombra del cuadro ya no funciona. No estoy seguro por qué.
Tu sintaxis es bastante complicada.
Cambia esto:
input:not(disabled)not:[type="submit"]:focus{
a:
input:not(:disabled):not([type="submit"]):focus{
Parece que mucha gente no se da cuenta :enabled y :disabled son selectores CSS válidos ...