我已經定義了Css類

form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
    background: url("../images/input-bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 4px 5px;
}

現在，當我在html css中使用輸入時，會影響到表單上的所有輸入 因為我在css中使用了[form]。 但是我不想讓css影響到一些輸入框..

我怎樣才能做到這一點？

我會用另一種方式來做，只是在輸入中添加其他的類，你不想被那個規則影響。類似這樣的。

已編輯添加評論建議

/* General rule for inputs */
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
    background: url("../images/input-bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 4px 5px;
}

/* Specific rule for inputs */
form input[type="text"].reset-inputs, form input[type="email"].reset-inputs, form input[type="password"].reset-inputs, form textarea.reset-inputs, form select.reset-inputs {
    background: none;
    border: none;
    padding: 0;
}

您可以為不想要效果的輸入框添加一個類，并覆蓋另一個類:

<input class="noeffect"/>


form input.noeffect {
   background: none !important;
}

將類別添加到您想要影響的輸入字段:

html: <input class="here" ... />

css: form input.here[type="text"]

或者用您的輸入創建一個div區域:

<div class="here">
    <input /><input /><input />
</div>

css: form .here input[type="text"]

有幾個屬性，如:n-child():last-child，:first-child等:

像這樣:

form input[type="text"] + form input[type="text"] {
background:none;

}

或者

form input[type="text"]:nth-child(2n){
  background:none;
}

或者

給它上課

form input.diff{
 background:none;
}