css button 选中属性
时间: 2023-10-20 22:07:05 浏览: 80
css button
CSS中有多种选中状态的属性,可以使用来设置按钮在不同状态下的样式。以下是常见的一些属性:
1. :hover - 当鼠标悬停在按钮上时应用的样式。
2. :active - 当按钮被点击时应用的样式。
3. :focus - 当按钮获得焦点时应用的样式。
4. :visited - 当链接按钮被访问过时应用的样式。
例如,要设置按钮在选中状态下的背景颜色和文本颜色,可以使用以下代码:
```
button:hover {
background-color: #ff0000;
color: #ffffff;
}
button:active {
background-color: #00ff00;
color: #000000;
}
button:focus {
outline: none;
box-shadow: 0 0 5px #0000ff;
}
a:visited {
color: #888888;
}
```
注意,:focus 伪类对于不可点击的元素(如 div 或 p)无效。
阅读全文