Firefox では、フォーム コントロールに必須の属性がある場合、コントロールが失敗すると、Firefox はピンク色の枠線を自動的に追加します。これは非常に見苦しく、ブラウザ間で統一することはできません。特にこのコントロールを設定した場合、特定の枠線が表示されない場合は注意が必要です。 Firefox が必須属性を持つフォーム コントロールに追加する境界線を削除するには、CSS コードを追加するだけです。
次のコードを追加すると、必須属性を持つ入力エリアとテキストエリアにピンク色の境界線 (実際にはボックスの影) が自動的に追加されなくなります。
input:focus{outline:none;}
input:required:invalid{box-shadow: none;}
In古いバージョンの Firefox と互換性を持たせるために、 -moz-box-shadow:none を追加することもできます。