次のようなスイッチの「タブ付き」状態を表す方法を決定しようとしています。
内部的には、ユーザーがTabキーを押してEnterキーを押し、ボックスをオンまたはオフにすることができるチェックボックスにすぎません。
スイッチ上のアクティブなタブ付き状態を具体的に表す方法は何ですか?
アウトライン/ボックスシャドウを追加しようとしましたが、マテリアルデザインガイドラインを使用しており、これがテキスト入力などのクリーンカットのアクティブ状態で機能するとは思われません。
素材のデザインに推奨されるスタイルを使用するだけ|コンポーネント–選択コントロール|スイッチ
多くのブラウザは、すべてではないにしても組み込みのフォーカス状態を持っています。私はそれを使っています。