ホームページ > 記事 > ウェブフロントエンド > CSSでフォーカスボックスを削除する方法
#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。 入力は HTML の非常に重要な要素です。ユーザー入力を提供できます。入力時にフォーカスされたスタイルを追加する必要があります。しかし、フォーカスがあると枠線が表示されてしまうので、枠線を消したい場合はどうすればいいのでしょうか?以下、具体的な方法を見ていきましょう。 まず、新しい HTML および CSS ドキュメントを作成します。 入力ボックスのコンテンツを作成します。ここでは入力内のテキストを使用します。 マウスを入力ボックス内に移動すると、境界線にフォーカスがあることがわかります。CSS でフォーカス ボックスを削除する方法は、入力ボックスにスタイル [input{outline:none}] を追加することです。この時点では、入力ボックスに内容を入力しても、外枠にはフォーカスがありません。
input { outline: none; }今回は上記のスタイルをCSSに追加し、境界線のフォーカスを削除します。 これでコンテンツを入力しても外枠にはフォーカスがありません。 枠線を追加しても効果はありません。 関連ビデオ共有:
以上がCSSでフォーカスボックスを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。