如何在没有href ="#"的情况下将焦点放在锚标签上

Question

如何在使用键盘标签时给予焦点？

<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>

我试过用这样的css

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

但这不行.谁知道？

Answer 1

首先,类选择器应以点开头:

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

至于能够对默认情况下不可聚焦的元素使用键盘导航,设置tabindex="0"属性应该有帮助.

Answer 2

设置tabindex="0"或指定href="javascript:;" ，应该是可对焦的。