具体化 - 更改表单中所选选项的颜色

Question

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

您好，

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

非突出显示的项目

突出显示的项目

我希望select标签中显示的选项显示为表格的其他部分。

重新定位表单（选择选项） - http://materializecss.com/select.html

链接到测试网站

https://jedantest.000webhostapp.com/

Answer 1

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

::selection {
    background-color: red;
}

希望这是你正在寻找的东西：）

body {
  background: black;
}

::selection {
    background-color: red;
}

h2 {color: white;}

<h1>Hello World</h1><h2>Select all</h2>

Answer 2

老兄，我去了你的考场。

下面是你的选择在网站上呈现的方式

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

所有，我做的是在style = "color: white;"中给tag并且它有效！请查看下图，告诉我它是否有效！ :-)