删除选择框的所有填充

Question

我一直在创建表单，而且我对选择框的填充有问题。

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

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

选择框有额外的填充。我已经尝试了保证金，但没有工作。这种情况发生在 Chrome ， Mozilla 和 Explorer 浏览器中。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

如果您不喜欢以前减少100％宽度的衣服，请添加另外的css属性，例如此处显示，因为它不是＆＃39;堆叠一个在另一个

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;