Html 如何向表单选择元素添加填充？
在Chrome&Safari上，当我添加填充时，它实际上不会更改选择器元素周围的填充。换句话说，当我这样做时：Html 如何向表单选择元素添加填充？,html,css,forms,Html,Css,Forms,在Chrome&Safari上，当我添加填充时，它实际上不会更改选择器元素周围的填充。换句话说，当我这样做时： select{ padding: 20px 20px 20px 20px; } 什么也没发生 如果有人能帮我在Chrome&Safari的表单元素中添加填充，我将不胜感激 @导入url'https://fonts.googleapis.com/css?family=Roboto:300,400,500'; 身体{ 保证金：0； } /*一般造型*/ 按钮：焦点， .inpu
select{
padding: 20px 20px 20px 20px;
}
一个可能有效的简单解决方案是，而不是：选择{ 填充：20px 20px 20px 20px； }Do:选择{ 填充：20px 20px 20px 20px！重要； } 现在！重要使这种风格变得重要。这意味着它将覆盖其他样式，这些样式是相同的，但没有！重要的 希望有帮助，
Ben A.K.A BlackSky你也可以试试这个。我刚刚做了一个css更改
.col {
padding: 40px;
-webkit-appearance: none;
}
您可以指定添加到css文件中的内容以使其与众不同吗？谢谢奇怪的是，当我在我的机器上运行代码片段时，它在chrome上显示正确，但在FF上显示不正确。但是如果我想让箭头在旁边呢？与外观：没有摆脱箭头。如何在外观上添加填充？您需要自己添加箭头，这可以通过背景图像来完成，因为它会删除浏览器提供的默认样式，包括箭头。有关以下内容的信息很多：
.col {
padding: 40px;
-webkit-appearance: none;
}