CSS更改按鈕懸停顏色

我有一個由wpforms插件構建的聯繫表單。在那裏它想讓我在空白處輸入任何類名來改變我想要的任何東西。比方說，我想改變提交按鈕CSS更改按鈕懸停顏色

我已經創建CSS代碼的背景顏色是

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

我有這個，但這些代碼不會出於某種原因。也許這是因爲班級的優先，但我無法弄清楚。

你能幫我嗎？提前謝謝！

來源

2017-03-02 André Yuhai

做它通過以下方式使用:hover選擇CSS

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

來源

2017-03-02 03:26:35

謝謝，但仍然沒有工作，因爲我回答上面的Dubliyu。 :)我很困惑哈哈，雖然我並不擅長這個。 –

@PorFavorDama可以發佈您的完整代碼 –

@PorFavorDama檢查天氣是否有錯別字問題，或者您是否在正確的地方添加了CSS？ –

放了的：按鈕上徘徊。

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

來源

2017-03-02 03:28:47 Dubliyu

謝謝，但它仍然無法正常工作。我不知道爲什麼。無論如何，你可以在網站上看看它是什麼問題？或者我可以截圖並與大家分享這裏的鏈接。 –

這是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的內部。

來源

2017-03-02 03:43:30 MrAmazing

這是一個提交按鈕，我從代碼中添加了一個ss，或者你可以在我的網站上檢查它是否允許在這裏鏈接它。感謝您提供有用的信息！ –

我已經更新了我的答案，以反映您需要做的事情。你試圖撥打太多的東西。只需指定.contactform1：hover屬性即可。你不需要同時指定.contactform1和button [type = submit]，因爲它全部是同一個DOM元素的一部分。 – MrAmazing

哈哈，好吧抱歉，但它沒有再次工作。順便說一下，我應該在我的主style.css或wpforms-full.css中指定這些代碼？兩者都沒有工作。謝謝您的回答！ –

CSS更改按鈕懸停顏色

回答

相關問題