如何在联系表格 7 的下拉菜单中添加填充？答案

【问题标题】：How to add padding to drop down menus in contact form 7?如何在联系表格 7 的下拉菜单中添加填充？
【发布时间】：2019-09-03 09:21:41
【问题描述】：

我正在尝试在联系表单 7 的下拉菜单中添加 15 像素的内边距。我该怎么做？

我已经尝试添加一些自定义 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

【问题讨论】：

如果您有任何缓存插件，请尝试清除缓存
你试过hard refresh来强制你的浏览器重新下载你的样式表吗？
是的，我尽可能地清除了缓存。我什至禁用了我的缓存插件，看看这是否是问题所在。但这并没有解决问题。
很可能另一种 CSS 样式会覆盖当前样式。
检查其他 css 是否覆盖了您的样式。如果是，请通过添加 ID 或类来提高选择器的特异性。

标签： html css wordpress contact-form-7

【解决方案1】：

试试这样的。通常，wpcf7-form-control 类用于包装每个选择、文本字段等。

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

【讨论】：

我试过了，还是不行 :( 不过谢谢你的帮助
您是否尝试在我输入的内容中添加 !important？
是的，我做到了，但仍然无法正常工作:(即使我清除了缓存并在隐身窗口中尝试...
这个页面的网址是什么？
至少，您需要显示更多的检查元素屏幕。