如何在<select>字段中增加选择按钮的大小？</select>

Question

我想增加<select>字段中向下箭头按钮的大小。 我的代码类似于以下内容：

<select>
  <option>Select City</option>
  <option>City1</option>
  <option>City2</option>
</select>

如何让箭头按钮更大？

Answer 1

我用假div完成了它。
FIDDLE

.styleSelect {
    position: absolute;
    z-index: 10;
    width: 168px;
    height: 34px;
    border: 1px solid #000;
}

Answer 2

使用此css代码

select
{
    width:200px;
}

Answer 3

<select>元素由应用程序生成，样式不属于CSS/HTML规范。

您必须使用自己的DIV伪装它并将其覆盖在现有的{1}之上，或构建您自己的控件以模拟相同的功能。