フォームに割り当てられるデフォルトのスタイルの詳細な紹介

フォームを作成するとき、一部のブラウザーではデフォルトのスタイルがフォームに割り当てられます。たとえば、Chrome ブラウザーでは、フォーカスを読み込むと、テキスト ボックスとドロップダウン選択ボックスに光る境界線が表示されます。 Firefox および Google ブラウザでは、複数行のテキストエリア textarea を自由にドラッグして拡大することができます。また、IE10 では、テキスト ボックスに内容を入力すると、テキスト ボックスの右側に小さな十字が表示されます。等々。これらの効果によってユーザー エクスペリエンスが向上したことは間違いありませんが、場合によってはこれらのデフォルト スタイルが必要ない場合、どうすればよいでしょうか?解決策を個別に見てみましょう。 1. Chrome およびその他のブラウザのテキスト ボックスのデフォルトの照明境界線を削除します。 input:focus, textarea:focus { 概要: なし。 ハイライトスタイルを削除します: input:focus{ -webkit-tap-highlight-col

1. CSS を使用してブラウザーによってフォームに指定されたデフォルトのスタイルを削除する方法

はじめに: フォームを作成するときに、たとえば、Chrome ブラウザでは、テキスト ボックスとドロップダウン選択ボックスがフォーカスされて読み込まれると、光る境界線が表示されます。 [関連する Q&A の推奨事項]:

以上がフォームに割り当てられるデフォルトのスタイルの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。