我目前正在为移动浏览器编写一些样式表,并且在Android浏览器中遇到了一个奇怪的问题。当更改文本框的字体大小CSS属性时,框变得更大以容纳更大的文本。然而,在选择框上执行此操作并不会改变选择框的大小,但文本仍然变得更大(实际上与呈现的表单元素的顶部和底部重叠)。
谁能告诉我是否有可能增加Android浏览器中选择框的高度。或者,如果没有,请告诉我可以应用于它们的CSS属性列表的方向。
谢谢。
发布于 2009-08-18 12:29:26
这似乎是一个浏览器错误。当你将浏览器的文本大小设置为“巨型”(在设置中)时,你也可以重现它。我添加了一个new issue,并建议目前使用自定义背景图像的解决方法:
<select style="background: url('big-select-bg.png')"/>
发布于 2010-10-21 18:08:08
您可以使用的另一个选项(在运行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;
}
这样,输入和选择看起来都是一样的,单击选择将照常打开选项菜单。
发布于 2012-12-23 18:27:24
试试这个:
select{
-webkit-appearance: menulist-text;
}
https://stackoverflow.com/questions/1288740
复制相似问题