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

app | 2015-11-09 14:02:14 | 1477次阅读 | 0评

在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;

}

引用连接:http://blog.ikinvin.com/index/article/aid/99


博友评论,共0条
最新评论