css按钮按一下按钮背景颜色自动改代码
在CSS中,可以通过:active伪类选择器来实现按钮按下后背景颜色自动改变的效果。以下是示例代码:
```css
button:active {
background-color: #007bff;
border-color: #007bff;
color: #fff;
}
```
在上面的代码中,当按钮被点击或者触摸时,按钮的背景颜色、边框颜色和文本颜色都会发生变化。需要注意的是,:active伪类选择器只在用户点击或者触摸按钮时才会生效,一旦用户释放鼠标或者手指,按钮就会回到正常状态,也就是原来的样式。
此外,也可以使用:hover伪类选择器来为按钮添加悬停效果,当鼠标悬停在按钮上时,按钮的样式会发生变化。