Entrada de pseudo clases de CSS: no (deshabilitado) no: [type = "submit"]: focus

Quiero aplicar algunos css para los elementos de entrada y quiero hacerlo solo para las entradas que no están deshabilitadas y no envían el tipo, debajo de css no funciona, tal vez si alguien puede explicarme 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;
}

En vez de:

input:not(disabled)not:[type="submit"]:focus {}

Utilizar:

input:not([disabled]):not([type="submit"]):focus {}

disabledes un atributo por lo que necesita los corchetes, y parece que tiene dos puntos y paréntesis mezclados / faltantes en el :not()selector.

Demostración: http://jsfiddle.net/HSKPx/

Una cosa a tener en cuenta: puedo estar equivocado, pero no creo que las disabledentradas puedan recibir foco normalmente, por lo que esa parte puede ser redundante.

Alternativamente, use :enabled

input:enabled:not([type="submit"]):focus { /* styles here */ }

Nuevamente, no puedo pensar en un caso en el que la entrada deshabilitada pueda recibir foco, por lo que parece innecesario.

Tu sintaxis es bastante complicada.

Cambia esto:

input:not(disabled)not:[type="submit"]:focus{

a:

input:not(:disabled):not([type="submit"]):focus{

Parece que muchas personas no se dan cuenta :enabledy :disabledson selectores CSS válidos ...

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 "background-color", la sombra del cuadro ya no funciona. No estoy seguro de por qué.