Javascript 是否可以对textarea值使用CSS选择器？

我知道如何在JavaScript/jQuery中做到这一点，但我想知道是否有一种方法可以在CSS中做到这一点

我知道我们可以使用以下方法将包含字符串的占位符作为目标：

textarea[placeholder*="WORK"]{
    background: purple;
}

是否有类似的价值观

---

我尝试了

textarea[value*=“MY_STRING”]

，但没有成功，可能是因为textarea的值与

input

不同，它不是一个属性，因为textarea目前只支持以下属性：

autocapitalize 
autocomplete
autocorrect 
autofocus
cols
form
maxlength
minlength
placeholder
readonly
required
rows
spellcheck
wrap

---

i、 e根据用户所做的操作不做任何事情，因为textarea当前仅支持以下属性：

autocapitalize 
autocomplete
autocorrect 
autofocus
cols
form
maxlength
minlength
placeholder
readonly
required
rows
spellcheck
wrap

i、 e基于用户所做的一切，您可以使用

元素，方法是为它提供一个模式并使其成为必需的元素，然后使用CSS

：valid

伪类。这不适用于

，因为它不支持模式属性

输入：有效{
背景颜色：紫色；
}

您可以为此使用

元素，方法是给它一个模式并使其成为必需的，然后使用CSS

：valid

伪类。这不适用于

，因为它不支持模式属性

输入：有效{
背景颜色：紫色；
}

---

我什么都没有。但是如果你真的想在textarea中使用这个值，你就必须复制这个信息，可能是通过添加一个数据信息属性，使文本与这个值相似。然后使用数据属性选择特定的文本区域。这不是一个很好的方法，但只是想它可能会有所帮助

<textarea data-info="My String">My String</textarea>

---

同样，这不是最好的方法。

我什么都没有。但是如果你真的想在textarea中使用这个值，你就必须复制这个信息，可能是通过添加一个数据信息属性，使文本与这个值相似。然后使用数据属性选择特定的文本区域。这不是一个很好的方法，但只是想它可能会有所帮助

<textarea data-info="My String">My String</textarea>

---

同样，这不是最好的方法。

谢谢。我也发现了这一点：谢谢。我也发现了这一点：不幸的是，我的问题是关于不支持模式匹配的textarea：@PranoyC我知道这一点。我提供了一个解决方案。好的，谢谢。请保留原样答案，因为它可能会帮助可以使用此解决方案的未来用户。不幸的是，我的问题是关于不支持模式匹配的textarea:@PranoyC我知道这一点。我提供了一个解决方案。好的，谢谢。请保持原样，因为它可能会帮助未来可以使用该解决方案的用户。这实际上是一个好主意。可以将文本区域上的

oninput

处理程序设置为

this.dataset.info=this.value，该处理程序将
数据信息
修改为
this.dataset.info=this.value并且它可以在没有任何外部JS的情况下工作。CSS也可以使用
*=
而不是
=
来处理
包含的
行为。这实际上是个好主意。可以将文本区域上的
oninput
处理程序设置为
this.dataset.info=this.value，该处理程序将
数据信息
修改为
this.dataset.info=this.value并且它可以在没有任何外部JS的情况下工作。CSS还可以使用
*=
而不是
=
来表示
包含的
行为。