html - 更改所选选项的文本颜色<select>-element 我有一个带有 4 个选项的 select-Element，如下所示： <select name="selectname"> <option value="V1" disabled selected hidden>Text1</option> <option value="V2">Text2</option

首页 > 解决方案 > 更改所选选项的文本颜色-element 我有一个带有 4 个选项的 select-Element，如下所示： <select name="selectname"> <option value="V1" disabled selected hidden>Text1</option> <option value="V2">Text2</option > <option value="V3">Text3</option

问题描述

标签： htmlcssselect

解决方案

您必须在 CSS 中定义 select 和 option 才能根据需要更改文本的颜色。

select {
    color: gray;
}

option {
  color: black;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="selectname" name="selectname">
  <option value="V1" disabled selected>Text1</option>
  <option value="V2">Text2</option>
  <option value="V3">Text3</option>
  <option value="V4">Text4</option>
</select>

问题描述

解决方案

推荐阅读