CSS変更ボタンホバーカラー

Question

wpformsプラグインによって作成された連絡先フォームがあります。 空白にクラス名を入力して、必要なものを変更したいと思っています。 のは、私が作成したCSSコードが

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

あるsubmitボタン

の背景色を変更したいとしましょう、私はこれを持っていますが、このコードは、何らかの理由で動作しません。たぶんそれはクラスの優先順位のためですが、私はそれを理解することができませんでした。

私を助けてもらえますか？ ありがとうございます！ボタンの上に置く：

Answer 1

は次のように入れて、CSS

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

Answer 2

の:hoverセレクタを使用しています。

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

Answer 3

は、ここでそれはホバー属性を持つように見えるものの抜粋です。 ご覧のとおり、入力ボタンや他のボタンの種類には影響しません。

.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要素の型とクラスの両方で呼び出そうとすると、ボタンが.contactform1の内側にあると考えられます。