字体颜色不符合 CSS 中为 textarea 和选择框指定的样式答案

【问题标题】：Font color not as per styling specified in css for textarea and select boxes字体颜色不符合 CSS 中为 textarea 和选择框指定的样式
【发布时间】：2011-12-24 11:36:59
【问题描述】：

我正在尝试在我的网页中设置网络表单的样式，该表单有几个文本框、文本区域和一个选择下拉菜单。我很难为文本区域设置样式并选择下拉菜单；文本框看起来符合预期。

对于 textarea 框，我使用了类似的 css：

textarea{
font-size:0.9em;
color:#6da021;
border:1px solid #6da021;
width:300px; height:50px;
padding-left:10px;
font-family: tahoma, sans-serif;
}

我还尝试在 textarea html 中添加一个 id，然后使用上面的样式，例如：

<textarea type="text" rows="5" cols="30" name="details" id="details"></textarea>

在这两种方式中，边框属性都已成功应用。但是两种方式都不起作用的是 - textarea 框中文本的颜色，而且字体看起来与文本框中看到的略有不同，它们使用相同的“font-family: tahoma, sans-serif;” .

同样，对于选择框样式，虽然边框属性正常出现，并且第一个值的字体颜色 - 最初显示的值，用户无需单击下拉箭头 - 也是正确显示。但是当用户点击下拉箭头时，所有的值都会以默认颜色显示（不是专门用于 select 的 css 的颜色）。

这是某种已知问题，还是我错过了更多样式？我发现这个问题出现在浏览器（IE/firefox 等）中。

谢谢！

【问题讨论】：

标签： html css select colors textarea

【解决方案1】：

你的风格是正确的，但如果你没有得到反映变化，我认为你的风格会被其他一些具有优先级的现有风格所取代

如果您使用萤火虫而不是通过检查该文本区域进行检查或者如果你不知道 abt firebug 而不是 firefox 插件，安装它并检查你的样式表是否被替换或有其他问题......

如果你不介意如果需要更多帮助，请回复我

【讨论】：

【解决方案2】：

哇，我很晚才看到这个，但这是解决字体大小问题的答案

 body{
  font-size:15px;
  font-family: tahoma, sans-serif;
 }

 textarea{
  font-family: inherit;
  font-size: inherit;
 }

【讨论】：

【解决方案3】：

不需要 type='text' 进入文本区域。您正在使用 id='details' 和 name='details' 这是同一件事（2 ids' 参考）。如果需要，我建议使用一个名为 details 的类进行样式设置，并使用 id='content' 稍后提取文本。

<textarea rows="5" cols="30" class="details" id='content' value="initial-Text"></textarea>

 .details {
     font-family: 'Tahoma', sans-serif;
     font-size: 13px;
     color:#6da021;
     border:1px solid #6da021; 
     width:300px; height:50px;
     padding-left:10px;
    }

【讨论】：