我可以用CSS选择空的textareas吗？

Question

有没有办法可以选择一个textarea,这样$('#id_of_textarea').val()在jQuery中会是''什么？我试过用:empty.我看到CSS提供了一种选择空输入的方法,因为文本在value属性([value=""])中.textarea中的文本是否有属性？

我正在寻找一个可以使用CSS的选择器,而不仅仅是jQuery.

Answer 1

我能想到的最佳解决方案是CSS 3解决方法.将字段设置为required(如果需要,则在提交时取消设置).然后你可以使用

textarea:invalid { /* style here... probably want to remove box-shadow and such */ }

Answer 2

这适用于最近的浏览器，除了边缘（目前）：

textarea:placeholder-shown {
  /* this should be active only when area is empty and placeholder shown */
}

因此，例如使用 jQuery，您可以选择所有空的文本区域：

$('textarea:placeholder-shown').val()