結果を表示する
元にもどす
<html> <meta charset="utf-8"> <style> .ドット_ブルー:focus{outline:dotted 6px blue;} .ダブル_ブルー:focus{background-color:#000000; outline:double 6px blue; transition:background-color 4s ease-out;} .ドット_トランジション:focus{outline:8px #ff0000 dotted; transition:outline 4s ease-out;} .テキストエリア:focus{outline:double 6px blue;} .ドット:focus{outline:8px #ff0000 dotted; transition:outline 2s ease-out;} </style> ① <input class="ドット_ブルー"> <hr> ② <input class="ダブル_ブルー"> <hr> ③ <input class="ドット_トランジション"> <hr> ④ <select class="ドット_ブルー"> <option value=""></option> <option value="▶︎ 1">▶︎ 1 を選択しました</option> <option value="▶︎ 2">▶︎ 2 を選択しました</option> <option value="▶︎ 3">▶︎ 3 を選択しました</option> </select> <hr> ⑤ <textarea class="テキストエリア"cols="40"rows="4">