是否可以将输入值属性用作CSS选择器？
是否可以使用CSS选择器来定位具有特定值的输入？
示例：如何根据 value="United States"
<input type="text" value="United States" />
问题答案：
动态值（哦，不！D;）
正如npup在他的回答中解释的那样，一个简单的css规则将仅针对该属性value，这意味着它不覆盖html节点的实际值。
原始答案
是的，很有可能，使用css属性选择器，您可以按以下方式通过输入的值来引用输入：
input[value="United States"] { color: #F90; }
从参考
-
[att]当元素设置“ att”属性时匹配，无论该属性的值如何。
-
[att = val]当元素的“ att”属性值恰好是“ val”时匹配。
-
[att〜= val]表示一个具有att属性的元素，其值是空格分隔的单词列表，其中一个恰好是“val”。如果“val”包含空格，则它将永远不会代表任何内容（因为单词由空格分隔）。如果“val”是空字符串，则也将永远不代表任何内容。
-
[att | = val]表示一个具有att属性的元素，其值要么完全是“ val”，要么以“ val”开头，紧随其后的是“-”（U +
002D）。这主要是为了允许BCP47（[BCP47]）或其后续版本中所述的语言子代码匹配（例如，HTML中a元素上的hreflang属性）。有关lang（或xml：lang）语言子代码匹配的信息，请参见：lang伪类。
-
问题内容： 我有一些生成的CSS，想使用一些CSS可以选择例如 使用和忽略。类似于： 我可以生成更多的类，但想知道CSS是否可行。 问题答案： 您不能使用这样的通配符，但是要获得所需的结果（ID以开头和以结束），可以改用属性starts-with和ends-with选择器，如下所示： 记住，通过链接这样的多个属性选择器（以及类型选择器），您将对所有这些属性选择器进行同一个AND匹配。
-
问题内容： 我需要在CSS中使用属性选择器来更改不同颜色和图像上的链接，但是它不起作用。 我有这个HTML： 而这个CSS： 为什么背景不是红色的？ 问题答案： 在href后面使用$。这将使属性值匹配字符串的结尾。
-
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题（title）的所有元素变为蓝色：[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r
-
问题内容： 只是想知道是否有可能以某种方式使CSS属性插入html代码而不是在上插入字符串或类似这样的元素： 这将非常方便…可以通过Javascript完成，但是使用CSS确实可以使生活更轻松:) 问题答案： 不幸的是，这是不可能的。根据规格： 生成的内容不会更改文档树。特别是，它不会反馈到文档语言处理器（例如，用于重新解析）。 换句话说，对于字符串值，这意味着始终按字面意义对待该值。无论使用哪种
-
问题内容： 我正在处理一个大型表单，并且在整个表单中都包含很多按钮，因此我尝试在主css文件中获取有效的input [type =“ button”]，以便无需添加就可以捕获所有按钮对每个人来说都是一个类，由于某种原因，该类在IE7上不起作用，在Web上检查后说IE7应该支持该类。 同样，它必须是type =“ button”而不是type =“ submit”，因为并非所有按钮都会提交表单。 有
-
本文向大家介绍CSS选择器有哪些？哪些属性可以继承？相关面试题，主要包含被问及CSS选择器有哪些？哪些属性可以继承？时的应答技巧和注意事项，需要的朋友参考一下 选择器 通配符 id class 标签 后代选择器 子选择器 兄弟选择器 属性选择器 伪类选择器 伪元素选择器 可以继承的属性 font-size font-weight font-style font-family color