I use input:not(:placeholder-shown)确定某个值是否在输入字段中。
有没有一些 CSS 方法来检查<option />已被选择在<select>元素？
如果选择了选项，我想在选择下拉列表之后立即设置标签标记的样式。
这是一个例子：
<select class="form-control">
<option></option>
<option value="1">One</option>
</select>
<label>Pick One</label>
这是我想要用来操作是否选择了选项（带有值）的 CSS。
select.form-control:checked ~ label{
color: red;
}
是的:checked伪类也是目标<option> tags.
Example:
option:checked { display:none; }
Source:
http://www.w3.org/TR/selectors/#checked
EDIT:
如果你想定位一个元素outside你的<select>，可以通过操纵来以一种 hacky 的方式完成:validCSS 伪类。请注意，required必须启用属性<select>标记注册为有效/无效。
Example:
body {
background-color: #fff;
}
select:valid ~ label {
background-color: red;
}
<select required>
<option value="" selected>Please select an option</option>
<option>1</option>
<option>2</option>
</select>
<label>Please select an option</label>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
