Question

我正在尝试将以下元素的输入颜色更改为白色：

<textarea name="message" id="textarea1" class="materialize-textarea" required="" style="height: 45px;"></textarea>

将color: white !important;添加到id，class或textarea不起作用，在开发人员工具中，当我将规则添加到以下内容时，它可以正常工作：

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea

当我将颜色规则添加到同一行的本地文件中时，由于某种原因它没有被应用，如何将此文本输入颜色更改为白色？

Answer 1

您可能有一些重写问题：

#textarea1{
color: #fff;
background: red;
}

<textarea name="message" id="textarea1" class="materialize-textarea" required="" style="height: 45px;"></textarea>

Answer 2

它适用于此this jsfiddle，因此您很可能在CSS文件中有另一个规则，它会覆盖您的设置。如果你不能做color: #ffffff !important;，那么如果你能以另一种方式解决这个问题，这是不太可取的。

（注意：我在jsfiddle中使用了粉红色以确保它确实有效）

Answer 3

#textarea1 {
  color: white;
  background-color: gray;
}

<textarea name="message" id="textarea1" class="materialize-textarea" required="" style="height: 45px;"></textarea>

您的问题可能是CSS priority冲突，其他风格会覆盖您的风格。您可以通过选择更高的优先级来解决此问题，或者在样式后使用！important。

Answer 4

使用默认的CSS方法没有任何效果，但通过将其添加到HTML中的textarea来实现它：

style="color: white !important;"

Answer 5

好的，这是一个新答案。这是<textarea id="textarea1" style="color:white !important;"></textarea>中最具侵略性的特性，这应该覆盖旧版本。试试这个：

stdout

这将内联特性与！important specficity结合起来，这些特性都非常高（！重要最高，内联第二高）

希望这有效。

无法更改文本输入颜色

5 个答案: