html - ボーダー CSS クラスを上書きする方法はありますか

Question

私はこのルールを持っています

input{
  border: 1px solid #E5E5E5;
}

これが私のjsfiddleです

これはほとんどのサイトで必要ですが、ボタンのスタイルを台無しにしています... border: none を追加するとこれは上書きされると思いましたが、上書きされませんでした。サイト全体で必要なため、入力スタイルを削除できません...回避策

Answer 1

セレクターを使用して:not、デフォルトの境界線を維持したい特定の入力をスキップできます。

input:not(#submit-me) {
    border: 1px solid #E5E5E5;
}

http://jsfiddle.net/S4XST/2/

おそらく、デフォルトを使用するだけでなく、境界線も改善することを検討する必要があります.

Answer 2

フィドルに境界線が表示されていませんが、これは正しいです。

CSS には、セレクターに与えられる優先順位に関する非常に明確な規則があります。ID レベルのセレクターは、タグレベルのセレクターより優先度が高いため、#submit-meオーバーライドする必要がありますinput。

これはまさにあなたのフィドルで起こっていることであり、まさにあなたが望んでいることなので、何が問題なのかよくわかりません。