Voglio applicare alcuni css per gli elementi di input e voglio farlo solo per gli input che non sono disabilitati e non sono di tipo submit , sotto css non funziona, forse se qualcuno può spiegarmi come questo deve essere aggiunto.Css pseudo classi input: non (disabilitato) non: [type = "submit"]: focus
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}
Invece di:
input:not(disabled)not:[type="submit"]:focus {}
Usa:
input:not([disabled]):not([type="submit"]):focus {}
disabled è un attributo quindi ha bisogno le staffe, e ti sembra di avere mescolato i due punti/mancanti e parentesi sul Selettore :not().
Demo: http://jsfiddle.net/HSKPx/
Una cosa da notare: Posso sbagliarmi, ma non credo disabled ingressi possono normalmente essere attivato, in modo che una parte potrebbe essere ridondante.
Hai alcuni refusi nella selezione. Dovrebbe essere: input:not([disabled]):not([type="submit"]):focus
Vedere questo jsFiddle per una dimostrazione del concetto. In un sidenote, se ho rimosso la proprietà "background-color", l'ombra del riquadro non funziona più. Non so perché.
La sintassi è piuttosto fasulla.
Modifica questo:
input:not(disabled)not:[type="submit"]:focus{
a:
input:not(:disabled):not([type="submit"]):focus{
Sembra che molte persone non si rendono conto :enabled e :disabled sono selettori CSS validi ...
Perché non accorciare ulteriormente su 'input: enabled: not ([type =" submit "]): focus {'? –
@SeantheBean Buon punto. È più pulito. – Gavin
Sì, ho l'attributo di sola lettura sul mio progetto :) Grazie! – BurebistaRuler
: not ([disabled]) è un modo molto prolisso di scrittura: abilitato https://developer.mozilla.org/en-US/docs/Web/CSS/:enabled – Adria
Che ne dici di readonly? – Cullub