选择一个选项后，是否有一种纯 CSS 方法可以对选择元素进行不同的样式设置？答案

【问题标题】：Is there a pure CSS way to style a select element differently when an option has been selected?选择一个选项后，是否有一种纯 CSS 方法可以对选择元素进行不同的样式设置？
【发布时间】：2020-09-18 23:24:05
【问题描述】：

我正在尝试使用纯 CSS 实现一些我不确定经过一些搜索后是否可行的东西。一旦选择了一个选项，我需要一个样式不同的选择元素。这种风格不依赖于任何特定的选项，只是一个选项。这是我的下拉列表：

<div>
    <select id="select_element" name="select_name">
        <option hidden disabled selected value=""></option>
        <option value="option">Option 1</option>
        <option value="option">Option 2</option>
        <option value="option">Option 3</option>
    </select>
    <label for="select_element">Question for select?</label>
</div>

选择选项后，如何正确定位选择元素？我正在尝试对其基本状态的选择应用不同的样式，并且一旦选择了一个选项。任何帮助将不胜感激！

【问题讨论】：

查看 stackoverflow.com/questions/16344583/… 并向下滚动以获取带有一点点 js 的答案（“拿着我的啤酒”）。
这能回答你的问题吗？ Style <select> element based on selected <option>
链接问题的标题是“Style
除此之外，这是一个很好的问题。刚刚有人问过。
选择器级别 4 规范定义 has() 但可能尚未实现 drafts.csswg.org/selectors-4/#relational

标签： html css css-selectors

【解决方案1】：

不能，需要用js……

【讨论】：