入力欄の光るボーダー
:LiTarget: 原則
フォーカス時のボーダーをアクセント色 + わずかなグロー。
:LiCode: 実装例
input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-bg); outline: none; }入力欄の光るボーダー
マイクロインタラクションフォーカス時のボーダーをアクセント色 + わずかなグロー。
実装例
css
input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-bg); outline: none; }