首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Android下拉菜单(选择) CSS

Android下拉菜单(选择) CSS
EN

Stack Overflow用户
提问于 2009-08-17 15:51:27
回答 5查看 32.7K关注 0票数 15

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

谁能告诉我是否有可能增加Android浏览器中选择框的高度。或者,如果没有,请告诉我可以应用于它们的CSS属性列表的方向。

谢谢。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2009-08-18 12:29:26

这似乎是一个浏览器错误。当你将浏览器的文本大小设置为“巨型”(在设置中)时,你也可以重现它。我添加了一个new issue,并建议目前使用自定义背景图像的解决方法:

代码语言:javascript
复制
<select style="background: url('big-select-bg.png')"/>
票数 6
EN

Stack Overflow用户

发布于 2010-10-21 18:08:08

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

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

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

票数 30
EN

Stack Overflow用户

发布于 2012-12-23 18:27:24

试试这个:

代码语言:javascript
复制
select{

    -webkit-appearance: menulist-text;
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1288740

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档