CSS更改按钮悬停颜色

问题描述：

我有一个由wpforms插件构建的联系表单。在那里它想让我在空白处输入任何类名来改变我想要的任何东西。比方说，我想改变提交按钮CSS更改按钮悬停颜色

我已经创建CSS代码的背景颜色是

.contactform1 button[type=submit] { 
background-color: #b49543; 
}

我有这个，但这些代码不会出于某种原因。也许这是因为班级的优先，但我无法弄清楚。

你能帮我吗？提前谢谢！

答

做它通过以下方式使用:hover选择CSS

.contactform1:hover { 
background-color: #b49543; 
}

谢谢，但仍然没有工作，因为我回答上面的Dubliyu。 :)我很困惑哈哈，虽然我并不擅长这个。 –

@PorFavorDama可以发布您的完整代码 –

@PorFavorDama检查天气是否有错别字问题，或者您是否在正确的地方添加了CSS？ –

答

放了的：按钮上徘徊。

.contactform1 button:hover{ 
    background-color: #b49543; 
}

谢谢，但它仍然无法正常工作。我不知道为什么。无论如何，你可以在网站上看看它是什么问题？或者我可以截图并与大家分享这里的链接。 –

答

这是hover属性的一个片段。如您所见，它不会影响输入按钮或其他按钮类型。

.contactform1 button[type=submit]:hover { 
 
    background-color: #b49543; 
 
}

<div class="contactform1"> 
 
    <button type="submit">button Submit</button> 
 
    <input type="submit" value="input Submit" /> 
 
    <button type="reset">button Reset</button>  
 
    <button type="button">button Button</button> 
 
</div>

更新响应OP： CSS遵循结构化数据的先出法第一。所以你可以期望当你处理你的CSS时发生这种类型的流。尝试把特定的CSS放在一切之后。

更多更新： 我看了一下你的截图。它看起来像你不需要按钮类型悬停。只是使用

.contactform1:hover{ 
    background-color: #b49543; 
}

这是因为它们都是同一个DOM元素的一部分。如果您尝试通过DOM元素类型和Class来调用它，它会认为该按钮位于.contactform1的内部。

这是一个提交按钮，我从代码中添加了一个ss，或者你可以在我的网站上检查它是否允许在这里链接它。感谢您提供有用的信息！ –

我已经更新了我的答案，以反映您需要做的事情。你试图拨打太多的东西。只需指定.contactform1：hover属性即可。你不需要同时指定.contactform1和button [type = submit]，因为它全部是同一个DOM元素的一部分。 – MrAmazing

哈哈，好吧抱歉，但它没有再次工作。顺便说一下，我应该在我的主style.css或wpforms-full.css中指定这些代码？两者都没有工作。谢谢您的回答！ –

CSS更改按钮悬停颜色

相关推荐