1

ユーザーがフィールドに正しく入力しなかった場合は、 と のエラー メッセージが表示されclass="ErrorInput"ますclass="TextError"。

クラスがhtmlタグで定義されている場合、クラスに問題ErrorInputがあります-デフォルトの入力クラスをオーバーライドしません。

HTML :

<li>
  <label>First Name</label>
   <input type="text" value="" class="ErrorInput" name="firstname">
   <div class="TextError">Please enter First Name</div>  
</li>
<li>
   <label>Second Name</label>
   <input type="text" value="Gates" name="secondname">
</li>

CSS:

.FormStyle .ErrorInput {
    border: #AD2930;
}

.FormStyle input[type=text], .FormStyle textarea {
    padding: 3px;
    display: inline-block;
    width: 290px;
    border: 1px solid #BDC7D8;
    margin: 0;
    font-size: 12px;
}
4

2 に答える 2

4

と の両方でborder-colour入力を定義しています.FormStyle .ErrorInput.FormStyle input[type=text]

.FormStyle input[type=text]より具体的に.FormStyle .ErrorInput、#BDC7D8色が適用されます。

2 番目の色をオーバーライドするには、最初の CSS セレクターをより具体的にする必要があります。

.FormStyle input[type=text].ErrorInput {
    border-color: #AD2930;
}

特異性の詳細については、こちらをご覧ください: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

于 2012-10-01T17:32:15.343 に答える
0

境界線を正しく指定する必要があります:

.FormStyle .ErrorInput {
    border: 1px solid #AD2930;
}

そして、この css 部分は、入力スタイリングの後に配置する必要があります

于 2012-10-01T17:32:41.863 に答える