やーホント詰まった。「なんでできねぇんだよ」が久々に来たね。 英語圏兄貴の検索に引っかかることを願って、英単語まじえて説明していく。 ◆したいこと htmlでbutton要素をclickする。 focusは当てたい。けど見せたくない。つまるところ、outlineをhiddenしたい。outlineをinvisibleしたい。outline: none;したい。 しかしながらtabで移動してきたときはfocusを当てたい。 ◆前提知識:CSSの疑似クラス 条件によりCSSをあてたい時に使用。 MDN:疑似クラス ◆試行錯誤(読まなくてよし) ▼擬似クラス:focusでoutline: none; MDN::focus Tabで移動してきたときにoutlineが消えちゃう。やだ。 ▼擬似クラス:activeでoutline: none; MDN::active mouseupしたときにoutl
![【CSS】button押したときに限りfocusしつつoutline出さない](https://cdn-ak-scissors.b.st-hatena.com/image/square/d0ff028613e973bed67ea92b331fa5dc2fd9ff8c/height=288;version=1;width=512/https%3A%2F%2Finsider.10bace.com%2Fwp-content%2Fuploads%2F2017%2F10%2Fcropped-10bace_icon1.jpg)