Android Dropdown(Select)CSS

Question

我目前正在为移动浏览器编写一些样式表,并且在Android浏览器中遇到了一个奇怪的问题.更改文本框的字体大小CSS属性时,框会变大以容纳较大的文本.但是,在选择框上执行此操作不会更改选择框的大小,但文本仍然会变大(实际上与渲染的表单元素的顶部和底部重叠).

任何人都可以告诉我是否可以增加Android浏览器中选择框的高度.或者,如果没有指向可以应用于它们的CSS属性列表的方向.

谢谢.

Answer 1

您可以使用的另一个选项(在运行Android版本2.1-update1的galaxy S上测试):

select {
    -webkit-appearance: listbox;
}
select, input {
    width: 100%;
    height: 40px;
    line-height:40px;
    border: 1px solid #999;
    border-radius: 6px;
    margin-bottom:10px;
}

这样输入和选择都看起来一样,单击选择将照常打开选项菜单.

Answer 2

这似乎是一个浏览器错误.将浏览器的文本大小设置为"巨大"(在设置中)时,也可以重现它.我添加了一个新问题,并建议现在使用自定义背景图像解决方法:

<select style="background: url('big-select-bg.png')"/>