Как добавить отступы в выпадающие меню в контактной форме 7?

Question

Я пытаюсь добавить отступ 15px в мои выпадающие меню в контактной форме 7. Как я могу это сделать?

Я уже пытался добавить некоторый пользовательский код 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;
    }