我认为这很简单，但我找不到任何表明我可以使用 CSS 来定位页面上的非空文本区域的内容。
如果 CSS 绝对不支持这一点，我对 JS 没问题，但即使使用 jQuery，我也找不到使用选择器的方法，但必须显式检查 .val()。
一些上下文:我有一个可选的文本区域，可以在焦点上扩展，但如果用户决定输入某些内容，我不希望它在焦点离开时再次缩小。
最佳答案
标记方面，:empty 选择器应该允许您选择完全没有内容的文本区域，甚至没有空格或换行符。相反， :not(:empty) 应该让您选择非空文本区域。
CSS 中的选择器大多是静态的，这意味着它们不考虑动态变化，例如在页面加载后编辑文本区域的内容。此外，像 :empty 这样的选择器并没有真正考虑文本区域的值，而是检查一般内容节点的存在(或不存在)，所以我怀疑它不能很好地发挥作用与表格。
如果您需要根据表单字段的值动态应用样式，则需要使用脚本在每次更新时使用 .val() 或类似的内容检查其值.
关于jquery - 有没有一种方法可以仅使用 CSS 来定位所有具有值的文本区域？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16002469/