css - Android 下拉(选择)CSS

Question

我目前正在为移动浏览器编写一些样式表，并且在 Android 浏览器中遇到了一个奇怪的问题。当更改文本框的 font-size 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;
}

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