css 鼠标指针离开
时间: 2024-03-31 10:31:10 浏览: 60
vb 鼠标离开按钮事件
4星 · 用户满意度95%
在CSS中,当鼠标指针离开一个元素时,可以使用:hover伪类选择器来定义相应的样式。这个伪类选择器用于当鼠标指针悬停在元素上时应用样式,当鼠标指针离开元素时取消样式。
例如,你可以使用:hover伪类选择器来改变按钮的背景颜色,当鼠标指针悬停在按钮上时,背景颜色变为红色,当鼠标指针离开按钮时,背景颜色恢复为默认值。
示例代码如下:
```css
button {
background-color: blue;
}
button:hover {
background-color: red;
}
```
这样,当鼠标指针悬停在按钮上时,按钮的背景颜色会变为红色,当鼠标指针离开按钮时,背景颜色会恢复为蓝色。
阅读全文