html - CSS-:focus无法在iOS上使用

Question

当我单击链接时，字体大小在iOS上不会变大，但在android上却可以。我如何使其工作

我尝试了什么:

正文标签中的ontouchstart =“”

jQuery:

$(".primary-menu li a").on('click', function() {
    $(this).css("font-size", "15px");
});

CSS:

.primary-menu li a:focus {
    font-size: 15px !important;
}

jQuery或CSS均不适用于仅iOS的Android

谢谢

Answer 1

我在iOS上遇到了无法使用:focus选择器(在我的情况下为button)的相同问题，这是我的解决方案:

<button onclick="this.focus()">Button</button>

因此，有必要手动 focus()按钮 onclick(我不知道为什么)。就我而言，这似乎仅是可行的解决方案，在这里尝试了其他解决方案:
https://jsfiddle.net/sz1L75ro/8/

如果出现threadstarter问题，我建议也将相同的 onclick侦听器添加到 a元素:

<a onclick="this.focus()">Link</a>