CSS字体颜色无法更改

Question

我正在制作一个php/mysql网站，需要制作一个搜索面板：

CSS代码如下：

#search{
    color: #c02537;
    width:80%;
    margin: 20px auto;
    padding: 20px 20px;
    background: rgba(197,101,29,0.6);
    border-radius: 0 15px 0 15px;
    -moz-border-radius: 0 15px 0 15px;
    -webkit-border-radius: 0 15px 0 15px;
}
#searchf{
    margin:0 auto;
    width: 80%;
}

相应的 HTML 代码是：

<div id="search">
<form method="post" action="index.php" name="search" id="searchf">  
    <table>
    <tr>
        <td>Food Category: <input type="text" name="food_category" id="searchfc"/> </td>
        <td>City: <input type="text" name="city" id="searchfc"/> </td>
    </tr>
    </table>    
</form>
</div>

CSS的fill属性应用于margin、padding和border属性，但不影响颜色。

我不知道为什么它不起作用。有人知道原因吗？

- Javeria Habib

---

请问您能否发布相应的HTML代码？ - Popnoodles

看起来没问题，你确定没有应用内联样式吗？能否分享相关的 HTML 代码？ - Pranav 웃

@popnoodles，我已经添加了HTML。现在请检查。 - Javeria Habib

你遇到的问题是“食品类别”和“城市”的文字颜色，而不是输入框的颜色吗？ - Popnoodles

请查看这个代码片段：http://jsfiddle.net/kTF7Y/5/ - Prasad Jadhav

Answer 1

表格的颜色可能会覆盖#search的颜色属性。尝试使用以下方法来指定的颜色。

#search table td {
    color: #c02537;
}

如果您想更改输入元素的颜色，请尝试以下方法：

#search table td input {
    color: #c02537;
}

工作中 演示

- Pranav 웃

---

没有得到她遇到问题的具体元素，但我们希望是 td 中的文字，并且足够具体以覆盖其他任何内容。信息不足。回应太慢了，我走了！ - Popnoodles

@popnoodles 哈哈，是的，我去回答另一个问题了，直到收到回复，但也不是很准确。如果她想要“input”颜色，我想我会编辑答案。 - Pranav 웃

Answer 2

你试过这个吗？

color: #c02537 !important;

- torp3d0

---

“important” 不是一个好用的词，应该非常节制地使用它。 - Popnoodles

Answer 3

尝试使用以下方法：

color: #c02537 !Important;

如果这不能解决您的问题，那么这意味着您的默认链接颜色覆盖了此颜色属性。

使用浏览器插件，例如Firefox FireBug，并验证应用了哪些CSS样式以及哪种样式正在覆盖您的颜色。

希望这可以帮助您。

- Sigar Dave

---

你之前的回答很好，但是你复制了一些关于!important的错误建议。 - Popnoodles

是的，没错，但如果“Important”并不能解决问题，用户可以尝试查看另一个答案。 - Sigar Dave

你能告诉我为什么使用!important是不好的建议吗？我想知道，因为我在CSS方面不太擅长。 - Sigar Dave

请查看此链接了解使用 !important 声明可能存在的缺点：http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/ - Mr_Green

你应该能够精准地定位你的元素，而不需要使用 !important。C 代表层叠。使用 !important 将停止层叠的全部意义——某人后来想要用另一个类或在另一个 CSS 文件中覆盖规则时也必须添加 !important。这真的是一种很糟糕的做法。 - Popnoodles

Answer 4

您可以在CSS中使用继承，而不是使用!important来实现样式的覆盖：

#search {
    color: #c02537;
}
#search table td {
    /*不需要!important*/
}

- Surinder ツ

---

那样会更好怎么做呢？而且我们还不知道HTML！ - Popnoodles

作者发布的问题知道HTML外部div。 - Surinder ツ

你怎么知道这个，CSS 会有什么不同的工作方式吗？ - Popnoodles

请添加您的HTML代码或将其放入Jsbin中。 - Surinder ツ

@JaveriaHabib 你现在可以尝试一下。 - Surinder ツ

Answer 5

我刚刚解决了我的个人版本的这个问题。症状与其他人在这里的一样 - 括号内的所有内容都已实现，除了颜色。

我只需将我的颜色值从十六进制格式更改为颜色单词即可使其正常工作。

color:#ffa500;

至

color:orange;

解决了问题。

顺便提一下：我已经尝试过使用引号和不使用引号的十六进制颜色，但并没有改变任何东西。

- Jens