如何在使用键盘标签时给予焦点?
<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}
但这不行。有人知道吗?
答案 0 :(得分:8)
首先,类选择器应以点开头:
.ui-datepicker-prev:focus {border: 1px solid red; }
至于能够对默认情况下不可聚焦的元素使用键盘导航,设置tabindex="0"
属性应有帮助。
答案 1 :(得分:2)
设置 tabindex =“ 0” 或指定 href =“ javascript:;” ,它应该可聚焦。
答案 2 :(得分:-2)
我遇到了同样的问题,除非存在<a>
,否则浏览器不会标记到href
。我通过在我的锚标签中添加空href
来解决这个问题,就像这样
<a href="">Link</a>