基礎的なことかもしれないのですが、一つお尋ねさせてください。
下記の#barのように擬似的に作成したbuttonについてtabキーを押しても当然
アクティブにならずにhtmlの動作上スキップされると思います。
下記の場合#hogeからスタートしてtabキーを押せば、 #hoge → #piyo → #foo
を繰り返しアクティブにするような動作をすると思います。
一方で、時としてinputやbutton等の要素以外で擬似的(デザイン上の問題で)に
<div>タグ等で代替する場合があるとおもいます。 このような要素を使用する上でtabキーを押した場合#barをfocus(アクティブ)にするような ことは可能なのでしょうか? また可能な場合にはどのように設定する必要があるかご教示ください。html
1<input id="hoge" name=""> 2<input id="piyo" name=""> 3 4<button id="foo"></button> 5<div id="bar">imitation</div>
css
1.bar:hover{ 2cursor:pointer; 3}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/16 12:36