css - css选项宽度错误

Question

我有这个问题。

CSS：

select {width:500px;}
option {width: 500px;}

问题是选项中总是有一个白色的外部空间（请参见图片）。

我该如何解决这个问题，请帮助我。

Answer 1

像这样

演示

css

select, option {
    width:500px;  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;

}

Answer 2

你不添加CSS规则option，只是使用select{ width: 500px; }