Question

a：焦点不仅适用于IE。所以我正在寻找解决这个问题的方法，但目前还没有找到。

<div class="city-selection">
                        <ul>
                            <li><a href="#" tabindex="1"><span>Тольятти</span></a></li>
                            <li class="city-right-text"><a href="#" tabindex="2"><span>Самара</span></a></li>
                        </ul>
                </div>
.city-selection ul li a:focus {
    background-image: url("/img/button.png");
    background-repeat:no-repeat;
    background-position: 3px 0px;
    outline: 0;
}

Answer 1

找到关于修复的link：关注ie。

用于检查浏览器是否支持＆＃39;焦点的代码。从那个链接：

var focusIsSupported = (function(){

// Create an anchor + some styles including ':focus'.
// Focus the anchor, test if style was applied,
// if it was then we know ':focus' is supported.

var ud = 't' + +new Date(),
    anchor = $('<a id="' + ud + '" href="#"/>').css({top:'-999px',position:'absolute'}).appendTo('body'),
    style = $('<style>#'+ud+'{font-size:10px;}#'+ud+':focus{font-size:1px !important;}</style>').appendTo('head'),
    supported = anchor.focus().css('fontSize') !== '10px';
anchor.add(style).remove();
return supported;

})();

另请查看this fiddle。

Answer 2

只需通过javascript执行此操作

document.getElementsByClassName('city-selection').focus();

a：焦点在ie中不起作用

2 个答案: