フォーカスセレクターの使い方フォーカスセレクターの使い方-CSSチュートリアル-php.cn

フォーカスセレクターの使い方フォーカスセレクターの使い方

云罗郡主

リリース： 2018-11-19 11:22:03

転載

5139 人が閲覧しました

この記事の内容はフォーカスセレクターの使用方法に関するものです。必要な友人が参考になれば幸いです。助けてくれました。

フォーカスセレクター

: フォーカスセレクターは、主に単一行のテキストボックスのテキスト、複数行のテキストボックスで、「フォーム要素」がカーソルフォーカスを取得するときに使用されるスタイルを指定するために使用されます。 textarea およびその他のフォーム要素は、フォーカスを取得してテキストを入力するときに使用されます。

一般に、フォーカスの取得とフォーカスの喪失は、単一行のテキストボックスのテキストと複数行のテキストボックスのテキストエリアの 2 つのフォーム要素に対して行われます。

例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS3 :focus选择器</title>
    <style type="text/css">
        input:focus
        {
            outline:1px solid red;
        }
    </style>
</head>
<body>
    <p><label for="name">姓名：</label><input type="text" name="name"/></p>
    <p><label for="email">邮箱：</label><input type="text" name="email"/></p>
</body>
</html>

ログイン後にコピー

結果は次のとおりです:

フォーカスセレクターの使い方フォーカスセレクターの使い方