質問: ``をクリックしたときに出てくるoutlineがうざいです。 タッチやクリック時の動作の際には単純に消せばよいだけなのですが、例えばキーボードのtabやshiftで操作している時などは、逆にoutlineがないと要素にフォーカスされていることがわかりづらく、どうすればよいのか考えています。 例えば、キーボード操作時にのみoutlineを表示するようにして、普通のクリックの際は表示しないといったことは可能でしょうか? よろしくお願いします。
回答: キーボード操作時は`:focus`を書いてみてはいかがでしょうか? ``` .button:hover, .button:active { outline: none; } .button:focus { outline: solid; } ```