如何在聯系表單7中添加填充到下拉菜單？

Question

我正在嘗試在聯系表單7的下拉菜單中添加15px填充。我該怎么做？

我已經嘗試添加一些自定義CSS代碼（請參閱下面的代碼），它似乎沒有正常工作。 但是一旦我檢查頁面找到問題，填充突然工作！ 到底是怎么回事？ 謝謝您的幫助！

（我嘗試盡可能地清除緩存，但它沒有解決問題。）

<p class="secteur-form">
<label class="titre-champ">Choisir un secteur<span class="asterix">*</span><br><em class="obligatoire">Obligatoire</em>
[select* secteur include_blank "Sainte-Foy" "Beauport" "Lebourgneuf"]
</label>
</p>

<p class="mois-form">
<label class="titre-champ">Mois d'occupation désiré<span class="asterix">*</span><br><em class="obligatoire">Obligatoire</em>
[select* mois include_blank "Janvier" "Février" "Mars" "Avril" "Mai" "Juin" "Juillet" "Août" "Septembre" "Octobre" "Novembre" "Décembre"]
</label>
</p>

.wpcf7-form select{
padding: 15px !important;
}

這就是我在網站上看到的內容： https ： //imgur.com/6LhYBU1

這就是我在檢查頁面時看到的內容： https ： //imgur.com/JrjJ1PT

Answer 1

嘗試這樣的事情。 通常，類wpcf7-form-control是用於包裝每個選擇，文本字段等的內容。

    span.wpcf7-form-control-wrap select.wpcf7-form-control {
         padding: 15px;
    }