エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【CSS】button押したときに限りfocusしつつoutline出さない
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS】button押したときに限りfocusしつつoutline出さない
やーホント詰まった。「なんでできねぇんだよ」が久々に来たね。 英語圏兄貴の検索に引っかかることを願... やーホント詰まった。「なんでできねぇんだよ」が久々に来たね。 英語圏兄貴の検索に引っかかることを願って、英単語まじえて説明していく。 ◆したいこと 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