2017-01-05 10 views
2

キーボードのタブを使用する際のフォーカス方法は?href = "#"を使わずにアンカータグにフォーカスを当てる方法

<a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a> 

私はこの

ui-datepicker-prev:focus { border:1px solid red} 

のようにCSSを使用してみました。しかし、これはうまく動作しません。誰でも知っていますか?役立つはずtabindex="0"属性を設定し、デフォルトでnonfocusableである要素のキーボードナビゲーションを使用することができることについては

.ui-datepicker-prev:focus {border: 1px solid red; } 

+0

のように、私のアンカータグに空href年代を追加することによって、これを解決しましたか? – WorkWe

答えて

4

まず、クラスセレクタは、ドットで始まる必要があります。

+0

hrefのないアンカーはtabindex = "0"でtabbableになりますが、Enterキーを押すと私の知る限り起動しません – Ryan

+0

@Ryan 'href'-less' A'要素にはデフォルトアクションがありません。 JSで処理することを意図しています。 –

-1

hrefが存在しない限り、ブラウザには<a>というタブは表示されません。 ":無効(0)のjavascript" `私はどのように`のhref =そんなに

<a href="">Link</a>

+0

これは何も悪いことではなく、あなたをホームページに誘導します。 –

関連する問題