Entrée de pseudo-classes CSS : non (désactivé) non : [type="submit"] : focus

Question

Je veux appliquer des css pour les éléments d'entrées et je veux le faire uniquement pour les entrées qui ne sont pas désactivées et qui ne sont pas du type de soumission, ci-dessous css ne fonctionne pas, peut-être si quelqu'un peut m'expliquer comment cela doit être ajouté.

 input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}

Answer 1

Ta syntaxe est assez farfelue.

Change ça:

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

à:

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

Il semble que beaucoup de gens ne réalisent pas que :enabled et :disabled sont des sélecteurs CSS valides...

Answer 2

Vous avez quelques fautes de frappe dans votre sélection. Il devrait être : input:not([disabled]):not([type="submit"]):focus

Voir ce jsFiddle pour une preuve de concept. En passant, si j'ai supprimé la propriété "background-color", l'ombre de la boîte ne fonctionne plus. Pas certain de pourquoi.