Question

请关闭。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Answer 1

使用

为我工作正常

select {
 width: 500px;
}

这是一个简单的JsFiddle工作：https://jsfiddle.net/un67fLxa/

Answer 2

您是否检查了标记是否有错误？选择标记上的width应该正常工作。如果width被其他一些规则覆盖，您可以使用浏览器开发人员工具。在这种情况下，您可以使用!important，但不建议这样做。

＆＃13;

.first {
  width: 100px;
}
.second {
  width: 200px;
}

＆＃13;

<select class="first">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

<select class="second">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

＆＃13;

有关样式化选择标记的详细信息，请参阅this question。

Answer 3

https://jsfiddle.net/ewa59apq/

<select id="test">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

CSS

select {
  width: 50px;
  background: red;
}

通过js检查宽度是什么

var testing = document.getElementById('test');

alert(window.getComputedStyle(testing).getPropertyValue('width'));

Answer 4

完美地运作chcek Fiddle。尝试给予！重要。

.pleasekillme {
   width: 50px !important;
 }

设置选择标签的宽度不起作用

4 个答案: