CSS基于行属性的样式textarea

Question

是否可以根据像

这样的数据属性设置textarea的样式

<textarea type="text" placeholder="Lets do it" cols="50" rows="20" aria-label=" "></textarea>

我只能知道rows属性是20，我可以根据rows属性只设置那个textarea吗？

Answer 1

CSS的attribute selectors采用以下格式：

[attribute_name="attribute_value"]

所以在你的情况下你可以使用：

textarea[rows="20"] {
  background-color: red;
}

<textarea type="text" placeholder="Lets do it" cols="50" rows="20" aria-label=" "></textarea>