代码之家 › 专栏 › 技术社区 › sudoExclamationExclamation

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

css html javascript

sudoExclamationExclamation · 技术社区 · 5 年前

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

我知道我们可以使用以下方法来定位包含字符串的占位符:

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

我试过了 textarea[value*="MY_STRING"] 但这不起作用,可能是因为textarea的值不是一个属性 input .

2 回复 | 直到 5 年前

Eliphas Masuka 5 年前

我什么都没有。但是如果你真的想在textarea中使用这个值,你必须复制这个信息,也许可以通过添加一个datainfo属性并使文本与这个值相似。然后使用data属性选择特定的textarea。这不是一个好的方法,但只是认为它可能会有所帮助

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

css可能是这样的

textarea[data-info="My String"]{ ....}

AleksW 5 年前

否,因为textarea当前仅支持以下属性:

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

i、没有什么是基于用户所做的

Unmitigated 5 年前

你可以用这个 <input> :valid <textarea> 因为它不支持pattern属性。

input:valid{
    background-color: purple;
}

<input type="text" pattern="^.*MY_STRING.*$" required/>

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前