ブラウザの入力ボタンからアウトラインの境界線を削除するにはどうすればよいですか?

入力ボタンのスタイルを設定してアウトラインの境界線を削除する

特定のブラウザでは、入力ボタンの周囲にアウトラインの境界線が描画され、ボタンの美観やユーザー エクスペリエンスに影響を与える可能性があります。 。この問題は、ボタンがフォーカスを失い、見苦しい境界線が残った場合に発生します。この境界線を削除するには、「アウトライン」プロパティを使用できます。

提供されたコード スニペットでは、入力ボタンの CSS はアウトライン プロパティなしで定義されています。境界線を削除するには、次の行を追加します:

outline: none;

更新された CSS コードは次のとおりです:

input[type=button] {
  width: 120px;
  height: 60px;
  margin-left: 35px;
  display: block;
  background-color: gray;
  color: white;
  border: none;
  outline: none;
}

この変更されたスタイルにより、Chrome などの入力ボタンからアウトラインの境界線が削除されます。 「outline」プロパティをサポートするブラウザ。

「outline: none;」を指定すると、ブラウザは境界線を削除するか、周囲の光を除去するように指示されます。ボタンのフォーカス状態に関係なく。これにより、ユーザーの操作全体を通じて、ボタンの外観がきれいで均一になります。

以上がブラウザの入力ボタンからアウトラインの境界線を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。