<分区>
<分区>
我在选择下拉列表中的元素时遇到问题。这是 fiddle :http://jsfiddle.net/H656H/
<select id="razred" name="razred">
<option hidden selected><?php echo $razred; ?></option>
<option>1.A</option>
<option>1.B</option>
<option>1.C</option>
<option>1.Č</option>
<option>1.D</option>
<option>1.E</option>
<option>2.A</option>
<option>2.B</option>
<option>2.C</option>
<option>2.Č</option>
<option>2.D</option>
<option>2.E</option>
<option>3.A</option>
<option>3.B</option>
<option>3.C</option>
<option>3.Č</option>
<option>3.D</option>
<option>3.E</option>
<option>4.A</option>
<option>4.B</option>
<option>4.C</option>
<option>4.Č</option>
<option>4.D</option>
<option>4.E</option>
</select><br />
因此,我想在用户点击元素后为其设置样式。因此,只有当用户选择他的选择时才会收到样式。 我认为下拉列表中的这个选定元素必须有某种 CSS 伪选择器。 是否有任何 CSS 选择器?
谢谢大家!
最佳答案
没有伪选择器可以按照您想象的方式标记选择框。所以你原来的问题的答案是否定的:(
但是如果您不介意使用一点点 JavaScript,那么您可以模拟您想要的功能。您可以向选择框的 onchange 方法添加一个类。理想情况下,这应该在脚本标记内的页面底部完成。我正在内联仅作为演示:
<select id="razred" name="razred" onchange='this.className="visited"'>
然后你可以按照你想要的方式定义自定义类
.visited {
color: #f00;
-webkit-appearance: none; /*required for webkit based browsers*/
}
JSFiddle:http://jsfiddle.net/9K5h2/1
关于html - 在 CSS 中选择选中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20251028/