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

时间:2017-01-05 02:09:11

标签: css

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

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

但这不行。有人知道吗?

3 个答案:

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