-3

検証付きのフォームを作成しています。テキストボックスが適切に入力されていない場合は、テキストボックスを強調表示したいと思います。このCSSルールを追加しました：

/*Styles for validation*/
.invalid {
  border: 1px solid #FF0000;
}

私のフォームのフィールドには、CSSスタイルがない最初のフィールドなどのIDが#f1ありますが、jQueryを使用してフィールドを選択するためにそれらを使用しています。したがって、エラーを検出すると、次のように言います。

$('#f1').addClass("invalid");

Firefoxのインスペクターによると、要素のスタイルは＃f1.invalidになりましたが、要素に無効なスタイルが適用されていることはわかりません。探している動作を取得するにはどうすればよいですか？ありがとう！

編集：私は嘘をつきました、私のテキストフィールドにインラインスタイルがあり、幅を5emsに設定していますが、それを削除しても違いはないようです

4

2 に答える 2

0

idが一致するセレクターは、 classが一致するセレクターよりも強力です。これは、 idを持つ要素の境界線を設定するルールがある場合、クラスのルールは適用されないことを意味します。クラスを適用するには、それがさらに重要であることを伝える必要があります。 #f1

.invalid {
  border: 1px solid #FF0000 !important;
}
于 2012-11-28T22:34:00.120 に答える
0

CSS や HTML に問題はなかったことがわかりました。私の FTP クライアントは、私の変更を .css ファイルにアップロードしていませんでした。キャッシュされた一時ファイルの危険性に注意してください!

于 2012-11-28T22:50:40.343 に答える