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填充应用边距，填充和边框属性，但不应用颜色。

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

Answer 1

你试过这个吗？

color: #c02537 !important;

Answer 2

表格的td颜色可能会覆盖#search的颜色属性。试试这个来专门为td's

着色

#search table td {
    color: #c02537;
}

如果要更改输入元素的颜色，请尝试以下操作：

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

正在使用 DEMO

Answer 3

尝试使用：

color: #c02537 !Important;

如果它无法解决您的问题，则表示此颜色属性将被默认链接颜色覆盖。

使用Firefox FireBug等浏览器插件，验证应用了哪些Css样式以及覆盖颜色的样式。

希望这有帮助

Answer 4

您可以在css中使用继承，而不是使用!important：

#search table td {
    color: #c02537;
}

Answer 5

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

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

color:#ffa500;

到

color:orange;

成功了。

顺便说一句：尝试过带引号和不带引号的十六进制颜色，没有任何改变。

CSS字体颜色不变

5 个答案: