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色がのcolorプロパティを上書きしている可能性があります#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で継承を使用できます!important

#search table td {
    色:#c02537;
}
于 2012-12-26T06:44:42.507 に答える
0

私はこの問題の個人的なバージョンを解決しました。症状はここの他の人と同じでした-括弧内のすべてが色を除いて実装されました。

色の値を16進形式からカラーワードに変更するだけで、それを機能させることができました。

color:#ffa500;

color:orange;

トリックをしました。

ところで:引用符の有無にかかわらず、16進数の色を試しましたが、何も変更されませんでした。

于 2021-01-04T21:47:48.083 に答える