10

我正在制作一个 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 填充正在应用边距、填充和边框属性,但不应用颜色。

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

4

5 回答 5

8

你试过这个吗?

color: #c02537 !important;
于 2012-12-26T06:35:52.633 回答
6

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

#search table td {
    color: #c02537;
}

如果你想改变输入元素的颜色,试试这个:

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

工作演示

于 2012-12-26T06:57:28.153 回答
3

尝试使用:

color: #c02537 !Important;

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

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

希望这可以帮助

于 2012-12-26T06:35:39.263 回答
2

您可以在 css insted 中使用继承!important

#搜索表 td {
    颜色:#c02537;
}
于 2012-12-26T06:44:42.507 回答
0

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

只需将我的颜色值从十六进制格式更改为颜色字,我就可以让它工作。

color:#ffa500;

color:orange;

成功了。

顺便说一句:尝试了带引号和不带引号的十六进制颜色,没有改变任何东西。

于 2021-01-04T21:47:48.083 回答