删除选择框的所有填充[重复]

Question

这个问题在这里已有答案：

• CSS: Remove padding within select element 3回答

我一直在创建一个表单，我遇到了选择框填充的问题。

我在JSFiddle中编写了一些代码（https://jsfiddle.net/fsrx4rjh/5/）。

我需要删除选择框的所有填充，但问题是这样的：

选择框有额外的填充。我已经尝试了保证金，但没有工作。这适用于Chrome，Mozilla和Explorer浏览器。

select {
  margin-top: 6px;
  width: 100%;
  padding: 0;
  border: 1px solid black;
  outline: none;
}

Room password
<select>
      <option>No</option>
      <option>Yes</option>
    </select>

Answer 1

添加另一个css属性，如此处显示，如果你不喜欢以前的答案，从100％减少宽度，因为它不是'堆叠在另一个下

select {
  display: block;
  margin-top: 6px;
  width: 20%;
  padding: 0;
  border: 1px solid black;
  outline: none;
}

Room password
<select>
      <option>No</option>
      <option>Yes</option>
    </select>