Html 如何在select标记上设置填充

为什么select标记上没有正确的填充

14px

？
我在Chrome上-最新版本

.sel{
显示：块；
保证金：0自动；
填充：0 14px；
字号：500；
高度：31px；
背景#007399；
颜色：白色；
边界半径：25px；
大纲：无；
}

洛勒姆
乱数假文
多洛
坐着

如果您想在选择下拉箭头的右侧获得一个额外的填充，您需要将您的选择包装在一个

div

中，这样您也可以为箭头添加一个额外的填充。例如：

<div class="select-container">
  <select>
    <option value = 'lorem'>LOREM</option>
    <option value = 'ipsum'>IPSUM</option>
  <select>
</div>

---

即使是铬合金，填充物似乎也能起作用。你的期望是什么？@EmanueleScarabattoli，从下箭头看没有14px。请在问题中添加这个问题，你问的方式不清楚。顺便说一句，我会回答你的问题。为这个建立你自己的箭头：谢谢，它工作。顺便说一句，我想我的问题非常清楚-我需要

select

标签上的填充物，而不是任何附加包装上的填充物

.select-container {
  padding: 0 14px;
  select {
    border: none;
    /* rest of your rules */
  }
}