「CSS」:focusで入力欄をフォーカスするサンプル

2022年2月18日

書式
セレクタ名:focus{
処理コード
}
使用例

<style>
  .user:focus {
    background-color: red;
  }
</style>
<body>
  <input type="text" class="user" maxlength="5" value="東京" />
</body>

結果
テキストボックスの入力欄をクリックしてフォーカスすると背景の色(red)が変わります

Posted by arkgame