首页 > HTML5 > 解决Android中CSS设置select高度无效的BUG

解决Android中CSS设置select高度无效的BUG

来源:原创 作者:thomas 分类:HTML5 阅读:858 日期:2015-05-05

在CSS中使用height和line-height设置select的高度,在有的Android版本系统中是无效的,可以通过添加"-webkit-appearance: listbox;"属性解决这个BUG,完整实例代码如下(2.3.3,4.0,4.2系统已测试可行):

.styled-select {
 -webkit-appearance: listbox;
 width: 100%;
 font-size: 36px;
 display: inline-block;
 height: 80px;
 line-height: 80px;
 text-align: center;
 background: #8f7a66;
 margin-top: 40px;
 color: #f9f6f2;
 border-radius: 3px;
 text-decoration: none;
}



 

热门文章 更多>

微信扫一扫,关注技术十日谈