Javascript jQuery：如何仅更改所选选项的颜色？

我有一个HTML格式的选择列表，如下所示：

<select id="language-list">
                    <option value="English">English</option>
                    <option value="German">German</option>
                    <option value="French">French</option>
</select>

---

如何实现只有当前选定的选项才会显示红色？

使用

：selected

伪选择器：

$('#language-list').find(":selected").css('color', 'red');

试试看：

文档

• jQuery

  ：已选择

---

使用

：选定的
伪选择器：

$('#language-list').find(":selected").css('color', 'red');

试试看：

文档


jQuery
：已选择

试试这个

$（“#语言列表选项：选中”）.css（'color'，'red'）
试试这个

$（“#语言列表选项：选中”）.css（'color'，'red'）
尝试以下操作：

$( "#language-list option:selected" ).css('color', 'red');

试试这个：

$( "#language-list option:selected" ).css('color', 'red');

您也可以尝试以下方法：

$("#language-list option:selected").text().css("background-color", "blue");

您也可以尝试以下方法：

$("#language-list option:selected").text().css("background-color", "blue");

请试试这个：-
$（“#语言列表选项：选中”）.css（“颜色”、“红色”）
 请尝试以下操作：-
$（“#语言列表选项：选中”）.css（“颜色”、“红色”）