1

デフォルトの入力 CSS を使用したワードプレスのテーマがあります。

input, input[type="text"], input[type="password"], input[type="datetime"],     input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],   input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border: none !important;
background-color: #f0efed;
line-height: 40px;
font-size: 16px;
color: #555;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: :0px;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 40px;
}

特定の div のみで「text」や「submit」などの入力スタイルをオーバーライドしたい。

サンプル HTML:

<div class="checkout_page_container">
<table class="checkout_cart">
<tr>
<td><input type="text" /></td>
</tr>
</table>
</div>

私はこのCSSを試しています。しかし、彼らはうまくいきません..

.checkout_page_container .checkout_cart input[type="text"] {
border: 1px solid #666;
}

.checkout_page_container .checkout_cart input[type="submit"] {
border: 1px solid #ccc;
color:#000;
}

要素を検査するとき。ブラウザはテーマのデフォルトの入力スタイルを引き続き検出します。

4

2 に答える 2

3

ワードプレスのテーマには「border: none !important;」があります。!important は、優先度の高いスタイルによって上書きされないことを意味します。

それを削除して修正することはできますが、ページの他の部分が壊れる可能性があります (!important は少し汚れており、ほとんどの状況では適切な方法ではないため、何らかの理由で使用されている可能性があります)。

于 2013-10-28T00:16:58.057 に答える
0

「mystyle: value !important」を使用して、コードを WordPress スタイルシートの下に配置します。これにより、WordPress のスタイルが上書きされます。

于 2013-10-28T00:19:48.750 に答える