首页 >

css去除 hover |css3的导航背景滑动效果代码

css 滑入效果,css div 怎么写,固定到搜索栏css,css去掉a链接样式,css 如何让字体竖着写,vue.js修改css样式,css3的导航背景滑动效果代码css去除 hover |css3的导航背景滑动效果代码
/* 去除链接hover效果 */
a:hover {
text-decoration: none;
}
/* 去除按钮hover效果 */
button:hover {
background-color: inherit;
color: inherit;
}

在上面的代码中,大家用了两个简单的例子来演示如何去除链接和按钮的hover效果。

首先,大家来看如何去除链接hover效果。在默认情况下,链接hover时会有一个下划线,然而,大家有时候不希望它出现。大家只需要在CSS中添加一行代码:text-decoration: none; 即可。

接下来,大家看如何去除按钮hover效果。默认情况下,按钮hover时会改变它的背景颜色和字体颜色,但大家有时候不希望这样。大家只需要在CSS中添加两行代码:background-color: inherit; 和 color: inherit;。这样就能让按钮hover时与其普通状态没有任何区别了。


css去除 hover |css3的导航背景滑动效果代码
  • css文本框怎么设置高度 |登录页面美化 css
  • css文本框怎么设置高度 |登录页面美化 css | css文本框怎么设置高度 |登录页面美化 css ...

    css去除 hover |css3的导航背景滑动效果代码
  • css垂直文字 |scss设置颜色
  • css垂直文字 |scss设置颜色 | css垂直文字 |scss设置颜色 ...

    css去除 hover |css3的导航背景滑动效果代码
  • css两张图片 |css 滑动选择
  • css两张图片 |css 滑动选择 | css两张图片 |css 滑动选择 ...