2016-09-19 3 views
0

enter image description hereNo red color is comingEdgeとChromeで必要なフィールドバリデーターの動作が異なりますか?それは一貫性を保つためにどのよう

red box is coming outside the text box.

?両方とも色を持たなければなりません。

<form action=""> 
 
    <input id="email" type="email" required="required" /> 
 
    <input type="submit" id="btnSubmit" /> 
 
</form>

+0

コードなしでは分かりません。あなたの質問を編集してCtrl + Mを押してコードを – mlegg

+0

に入れてください。コードを追加しました。両方のブラウザに一貫性のあるCSSが必要です。 –

答えて

0

マイクロソフトエッジ検証が失敗した場合は、入力にoutlineプロパティを提供します。あなたはこのようにそれをリセットすることができます。

#email2 { 
 
    outline: 0; 
 
}
<form action=""> 
 
    Email: <input id="email" type="email" required="required" /> 
 
    Confirm Email: <input id="email2" type="email" required="required" /> 
 
    <input type="submit" id="btnSubmit" /> 
 
</form>

+0

ありがとうございます。その働き。 –

0

私はそれが動作するようになりました。このヘッダーはHTMLページの上部にあります。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"> 
<meta charset="utf-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
+0

ありがとうございます。これは私のために働いた –

関連する問題