如何删除引导按钮悬停效果？

我收到一个作业，删除以下按钮的悬停效果：如何删除引导按钮悬停效果？

访问http://www.appsbayou.se，搜索文本“Kontaktinformation”。在它上面有一个按钮，“Skicka”，它有一个丑陋的黑色悬停效果。这种风格来自现有的CSS。

我使用的是Chrome浏览器，即使打开了Devtools，也无法确定这种效果的样式规则。

我该如何去除这种黑色悬停颜色，或至少将其改为我选择的颜色？

2014-10-31 Weblurk

要修复此问题，请将背景颜色设置为悬停时按钮渐变的底部颜色，例如＆：hover {background-color：“” } – newDevGeek 2014-10-31 18:57:50

您需要在开发人员工具中切换hover状态才能查看应用于hover状态的按钮的CSS。添加此CSS的样式表将解决这个问题：

input[type=submit]:hover { 
    background-position: 0px; 
}

来源

2014-10-31 18:55:53

所有答案的最简单解决方案。标记为已回答。谢谢！ – Weblurk 2014-10-31 19:03:19

感谢您提及在开发人员工具中切换悬停状态，但并不知道这一点。 – user2602152 2015-09-16 12:20:49

同步切换，我真的想知道在哪里做的 – 2017-05-09 17:18:17

进入了HTML，你会看到这行是按钮：

<input class="wpcf7-form-control wpcf7-submit" type="submit" value="Skicka">

取出wpcf7-submit摆脱橙色。它改变了按钮的颜色，但它可能是一个解决方案。

或进入的CSS文件并更改该属性：

.wpcf7-submit { 
    background-image: linear-gradient(to bottom, #fb8800, #975200) !important; 
}

为橙色的代码是#fb8800

来源

2014-10-31 18:58:15

从页面

.wpcf7-submit:hover{ 
background-image: linear-gradient(to bottom,#fb8800,#975200) !important; 
}

删除此或做一个搜索它...找到它...然后杀死它！

来源

2014-10-31 18:59:13

你有这些规则：

input[type=submit]:hover { 
    color: #fff; 
    background-color: #222; // Here is the black background-color 
    text-decoration: none; 
    background-position: 0 -15px; // moves the background 
    -webkit-transition: background-position .1s linear; 
    -moz-transition: background-position .1s linear; 
    -o-transition: background-position .1s linear; 
    transition: background-position .1s linear; 
} 

.wpcf7-submit:hover { 
    background-image: linear-gradient(to bottom,#fb8800,#975200) !important; // remove this? 
}

的backgound色只需更改为您选择的颜色。如果您只想更改颜色，我还建议删除渐变悬停和背景定位。（当然，过渡也没有多大意义。）

来源

2014-10-31 19:00:20 JimmyRare

如何删除引导按钮悬停效果？

回答

相关问题