Mam świetny czas z tym konkretnym selektorem CSS, który nie chce działać, gdy :not(:empty)
do niego dodam . Wydaje się, że działa dobrze z dowolną kombinacją innych selektorów:
input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none }
Jeśli usunę :not(:empty)
część, działa dobrze. Nawet jeśli zmienię selektor na input:not(:empty)
to, nadal nie będę wybierał pól wejściowych, w których wpisano tekst. Czy to jest zepsute, czy po prostu nie wolno mi używać :empty
w:not()
selektorze?
Jedyną inną rzeczą, o której przychodzi mi do głowy, jest to, że przeglądarki wciąż mówią, że element jest pusty, ponieważ nie ma dzieci, tylko „wartość” na każde powiedzenie. Czy :empty
selektor nie ma oddzielnej funkcji dla elementu wejściowego w porównaniu ze zwykłym elementem? Nie wydaje się to jednak prawdopodobne, ponieważ używasz:empty
na polu i wpisanie czegoś w nim spowoduje, że alternatywne efekty znikną (ponieważ nie jest już puste).
Przetestowano w przeglądarce Firefox 8 i Chrome.