如何摆脱悬停时附加的内置CSS?
Posted
技术标签:
【中文标题】如何摆脱悬停时附加的内置CSS?【英文标题】:How to get rid of inbuilt CSS that gets appended on hover? 【发布时间】:2020-01-25 05:39:32 【问题描述】:我使用的是 Safari 浏览器,我有这样的按钮 -
悬停时,如下所示 -
我没有从我这边添加任何 css,但是在检查元素上我得到了这个-
button:hover
box-shadow: 0px 0px 1px #b2b2b2;
border-left-color: #575757;
border-right-color: #575757;
我想让它在悬停或不悬停时看起来一样。所以我尝试将css设置为-
button:hover
box-shadow: none;
border-left-color: none;
border-right-color: none;
但它不起作用。
【问题讨论】:
试试这个解决方案:***.com/questions/26754497/css-disable-hover-effect/… 尝试了建议的方法,但它不起作用 你能创建sn-p吗?这将有助于指导您。 您在哪个浏览器上遇到了这个问题? 【参考方案1】:您可以使用此代码
button
box-shadow: 0px 0px 1px #b2b2b2;
background-color: #ffffff;
border: 1px solid #575757;;
outline: none;
padding: 15px 30px;
text-decoration: none;
border-radius: 15px;
font-size: 25px;
font-weight: 600;
color: #333333;
button:hover
box-shadow: 0px 0px 1px #b2b2b2;
background-color: blue;
border: 1px solid #575757;;
outline: none;
padding: 15px 30px;
text-decoration: none;
color: white;
<button type="button">Prev</button>
<button type="button">1</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">Next</button>
【讨论】:
在 Safari 中的背景颜色在点击而不是悬停时发生变化 嗨 Vikash Yadav mene change kar diya 他请检查我的代码以上是关于如何摆脱悬停时附加的内置CSS?的主要内容,如果未能解决你的问题,请参考以下文章
Xamarin UWP - 如何摆脱悬停在按钮上时出现的边框