Html Css按钮：焦点

我想给我的按钮添加焦点，这样当有人点击一个按钮时，它就会改变颜色
我尝试了

。按钮：焦点

，但什么也没发生

这是我的片段

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
.按钮{
填充：0；
保证金：0；
边界：无；
字体大小：14px；
背景：#333；
颜色：灰色；
高度：50px；
宽度：134px；
字体变体：小大写字母；
}
.按钮：悬停{
填充：0；
保证金：0；
边界：无；
字体大小：14px；
背景：#333；
颜色：#FF0000；
高度：50px；
宽度：134px；
文字装饰：无；
字体变体：小大写字母；
背景色：#111；
}
.按钮：焦点{
背景：蓝色；
}

编织：

仅适用于

input[type=text]

和

textarea

元素，但也适用于其他元素，如div，如果它们具有该属性

因此，

输入[type=submit]

，

输入[type=button]

或按钮元素的焦点将不起作用

改用

快速提示：您可以使用检查HTML是否有效

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：#333；
}
李{
浮动：左；
}
.按钮{
光标：指针；
填充：0；
保证金：0；
边界：0；
字体大小：14px；
背景：#333；
颜色：灰色；
高度：50px；
宽度：134px；
字体变体：小大写字母；
}
.按钮：悬停{
填充：0；
保证金：0；
边界：0；
字体大小：14px；
颜色：#f00；
高度：50px；
宽度：134px；
文字装饰：无；
字体变体：小大写字母；
背景：#111；
}
.按钮：激活{
背景：蓝色；
}

您应该从有效的HTML开始。您不能将

输入

放在

a

中。快速提示：您可以使用检查HTML是否有效。