materialize - 在表单中更改所选选项的颜色答案

【问题标题】：materialize - change color of selected option in formmaterialize - 在表单中更改所选选项的颜色
【发布时间】：2018-09-13 02:12:19
【问题描述】：

<div class="input-field col s6" style="color: white;">
<select>...</select>
<label>Country</label>
</div>

你好，

在materialize CSS 文件中，文本为黑色，textarea 为白色。我扭转了这一点，因为我想要一个简约的设计。在标签中，我可以通过应用内联 CSS 规则轻松更改颜色。问题是代码中的标签（div、select 和 option）都不起作用。

未突出显示的项目

突出显示的项目

我希望选择标签中显示的选项与表单的其他部分一样显示为白色。

实现表单（选择选项）-http://materializecss.com/select.html

链接到测试站点

https://jedantest.000webhostapp.com/

【问题讨论】：

标签： jquery css material-design materialize

【解决方案1】：

您可以使用以下 css 选择器来更改文本选择的颜色。但这会影响整个网站。

::selection {
    background-color: red;
}

希望这是您正在寻找的东西：)

body {
  background: black;
}

::selection {
    background-color: red;
}

h2 {color: white;}

&lt;h1&gt;Hello World&lt;/h1&gt;&lt;h2&gt;Select all&lt;/h2&gt;

【讨论】：

抱歉，问题的措辞似乎有误。我希望选择（文本）中的内容是白色的。并不是说选择是白色/红色等。我现在将编辑问题，谢谢您指出。
So when selected the text changes color?
查看图片，我编辑了问题。我希望选项（文本）始终为白色。除选择选项外，表单的所有其他部分都是白色文本。我只突出显示了该选项，以便您可以看到它在那里，它存在，但颜色错误
所以你为你的选择添加了黑色背景？
BTW 不错的滚动条

【解决方案2】：

伙计，我去了你的测试站点。

这是您的选择在网站上的呈现方式

 <input class="select-dropdown dropdown-trigger" type="text" readonly="true" data-target="select-options-2161ddbe-3f6d-64f9-5861-b19cc36ce597" style="color:  white;">

我所做的只是在tag 中提供style = "color: white;" 并且它起作用了！在下面的图片中查看它，让我知道它是否有效！ :-)

【讨论】：

谢谢你，它现在正在工作。我按照 gerardo BLANCO 的建议添加了 CSS 选择器