如何将样式应用于空输入框？如果用户在输入字段中键入内容,则不应再应用该样式.这在CSS中可行吗？我试过这个:
input[value=""]
我正熟悉这个特殊的CSS选择器,当我添加:not(:empty)它时不想工作.它似乎与其他选择器的任何组合都可以正常工作:
input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none }
如果我删除该:not(:empty)部件,它就可以正常工作.即使我将选择器更改为input:not(:empty)它仍然不会选择输入文本的输入字段.这是坏了还是我不允许:empty在:not()选择器中使用？
我能想到的唯一另一件事是,浏览器仍然说元素是空的,因为它没有子元素,只说"价值".是否:empty选择不具有独立功能的输入元素与常规的元素？这似乎不太可能,因为:empty在场上使用并在其中键入内容将导致替代效果消失(因为它不再是空的).
在Firefox 8和Chrome中测试过.
有没有办法可以选择一个textarea,这样$('#id_of_textarea').val()在jQuery中会是''什么？我试过用:empty.我看到CSS提供了一种选择空输入的方法,因为文本在value属性([value=""])中.textarea中的文本是否有属性？
我正在寻找一个可以使用CSS的选择器,而不仅仅是jQuery.