html - 按钮 :focus style is not working on phone?

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