Button：focus样式在手机上不起作用？

Question

代码：

HTML

<button type="radio"/>

CSS

button:focus {
    background: red;
}

当我在手机浏览器中单击它时，样式不起作用。

Answer 1

CSS中的：focus伪类用于设置当前由键盘定位或由鼠标激活的元素的样式。这是一个例子

JS Fiddle

HTML

<div>
    <button class="btn" type="button" name="button">
    click
</button>

CSS

.btn {
  color: #000;
  background: red;

}

.btn:focus {
   background: green;
 }

Answer 2

这不能解决您的问题吗？ CSS - :focus Not Working on iOS

a   b | c   d | e  ...
1   2 | 2   3 | 4  ...
4   3 | 1   2 | 3  ...
3   1 | 5   5 | 5  ...