如何修改textarea的文本颜色？以及设置color:red为何仅改变背景色而非代码文本颜色？

嘿，我来帮你搞定这两个小问题～

一、修改textarea的文本颜色 #

直接给textarea元素设置color属性就可以啦，别和background-color搞混哦。比如：

textarea {
  color: #ff4500; /* 换成你想要的文本颜色值 */
  /* 如果需要调整背景色，单独设置这个属性 */
  background-color: #ffffff;
}

只要选择器正确选中了textarea，这个样式就能生效，控制的就是输入文本的颜色。

二、修复代码文本颜色不生效的问题 #

你说用color: red改了背景色，大概率是选错了CSS选择器，或者把color和background-color搞反了？比如你可能给代码块的外层容器加了样式，但实际代码文本是在<code>或者<pre>标签里的。

举个常见的例子，如果你的代码结构是这样的：

<pre class="code-container">
  <code>// 这里是代码内容</code>
</pre>

那你需要选中<code>标签来设置文本颜色：

.code-container code {
  color: #dc143c; /* 代码文本颜色 */
  background-color: #f8f8f8; /* 背景色单独设置 */
}

如果还是没生效，建议用浏览器的开发者工具（按F12）选中代码元素，看看color属性是不是被其他优先级更高的CSS规则覆盖了（被划掉的话就是被覆盖），调整选择器的优先级或者修正属性即可。

内容的提问来源于stack exchange，提问作者Astro3000