通过Tab键按下按钮颜色更改

Question

我有一个按钮，当我通过Tab键访问它时，我希望它变为绿色。我已经用鼠标编写了悬停代码，但我希望当用户使用tab键转到按钮时，它应该改变颜色。

Answer 1

只需使用:focus伪选择器

即可

Demo Fiddle

button:focus{
    color:green;
}

More on :focus from MDN

  

：收到元素时应用焦点CSS伪类   焦点，来自用户使用键盘选择它或   通过用鼠标激活（例如表格输入）。

您可能还希望button tabindex属性来控制其标签顺序。