我目前正在为移动浏览器编写一些样式表,并且在Android浏览器中遇到了一个奇怪的问题.更改文本框的字体大小CSS属性时,框会变大以容纳较大的文本.但是,在选择框上执行此操作不会更改选择框的大小,但文本仍然会变大(实际上与渲染的表单元素的顶部和底部重叠).
任何人都可以告诉我是否可以增加Android浏览器中选择框的高度.或者,如果没有指向可以应用于它们的CSS属性列表的方向.
谢谢.
您可以使用的另一个选项(在运行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; }
这样输入和选择都看起来一样,单击选择将照常打开选项菜单.
这似乎是一个浏览器错误.将浏览器的文本大小设置为"巨大"(在设置中)时,也可以重现它.我添加了一个新问题,并建议现在使用自定义背景图像解决方法: