検証に失敗した場合、ラジオボタンは赤色で表示されません（IEのみで動作します）

Question

私のajaxフォーム（jQueryダイアログでロードされたもの）にクライアント側検証を設定しました。私のフォームを送信する際、Internet Explorerでは、どのフィールドが正しくないかを明確に見ることができます（下記：2つのテキストボックス+ラジオボタン参照）。

私はFirefoxなどの他のブラウザの下でテストすると、ラジオボタンがIEのような赤でマークされていない（下記参照）です。

誰かがまたは私がこれらの赤いマークを表示し確認するためにしなければならない理由のアイデアを持っていますか？

ありがとうございました。

---

UPDATE

私は、実行時に自分のページのソースをGRAPすると、ここで私は私の最初のラジオボタンのために持っているものです。

<input name="ADR" class="input-validation-error" id="ADRYes" type="radio" data-val-required="Le champ ADR est requis" data-val="true" value="Yes"/> 

だから私は、検証のための有効なタグを持っています。

は今、私はここにIE（開発者に対しツール）の下でデバッグするときに私が見ることができるものである。

そして、私はここにFirefoxの下にデバッグ私が見ることができるものである。

私が有効見ることができます検証のためのhtmlタグしかし、Firefox、Chrome、Safariではラジオボタンに罫線や背景色がないため、ラジオボタンにはスタイルが設定されていません。

Answer 1

outlineの代わりborderをお試しください：

.input-validation-error { 
    background-color: #ffeeee; 
    outline: 1px solid #ff0000; 
} 

Answer 2

ありがとうダーリン - 私はjquery.validation.jsを使用して、ちょうど私のCSSに

outline: 1px solid #ff0000; 

を追加

input.error{border:1px solid red;outline: 1px solid red;} 
textarea.error{border: 1px solid red;}