CSSでフォーカスボックスを削除する方法

CSS でフォ​​ーカス ボックスを削除する方法は、入力ボックスにスタイル [input{outline:none}] を追加することです。この時点では、入力ボックスに内容を入力しても、外枠にはフォーカスがありません。

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

入力は HTML の非常に重要な要素です。ユーザー入力を提供できます。入力時にフォーカスされたスタイルを追加する必要があります。しかし、フォーカスがあると枠線が表示されてしまうので、枠線を消したい場合はどうすればいいのでしょうか？以下、具体的な方法を見ていきましょう。

まず、新しい HTML および CSS ドキュメントを作成します。

入力ボックスのコンテンツを作成します。ここでは入力内のテキストを使用します。

マウスを入力ボックス内に移動すると、境界線にフォーカスがあることがわかります。

input {
    outline: none;
}

今回は上記のスタイルをCSSに追加し、境界線のフォーカスを削除します。

これでコンテンツを入力しても外枠にはフォーカスがありません。

枠線を追加しても効果はありません。

関連ビデオ共有:

css ビデオ チュートリアル

以上がCSSでフォーカスボックスを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。