web-dev-qa-db-ja.com

マテリアルデザインでスイッチの「タブ付き」状態を表す方法は?

次のようなスイッチの「タブ付き」状態を表す方法を決定しようとしています。

enter image description here

内部的には、ユーザーがTabキーを押してEnterキーを押し、ボックスをオンまたはオフにすることができるチェックボックスにすぎません。

スイッチ上のアクティブなタブ付き状態を具体的に表す方法は何ですか?

アウトライン/ボックスシャドウを追加しようとしましたが、マテリアルデザインガイドラインを使用しており、これがテキスト入力などのクリーンカットのアクティブ状態で機能するとは思われません。

4
Bryce Snyder
16
Madalina Taina

enter image description here

多くのブラウザは、すべてではないにしても組み込みのフォーカス状態を持っています。私はそれを使っています。

1
Aeron Ridgeway