6360 次
2 回答
9
是的,:checked伪类也以<option>标签为目标。
例子:
option:checked { display:none; }
资源:
编辑:
如果你想定位. 请注意,必须启用该属性才能使标记注册为有效/无效。<select>:validrequired<select>
例子:
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>
于 2019-03-10T08:04:22.723 回答
3
由于您的select元素没有multiple属性,因此不可能在其中不选择选项。(是的,你的无内容无值的选项仍然是选项,可以选择,默认选择)。
如果是这样,那么你想要的仍然是不可能的。该:checked属性将应用于<option>元素,但您不能使用它来定位 ,<select>因为CSS 没有父选择器。
于 2019-03-10T19:58:49.207 回答