选择未在股票Android浏览器上正确设置样式的标记
我试图在Android(4.2.1)的网络视图中显示两个选择框,但它们的高度不正确。在更高的Android版本(4.4.2)中,使用相同的CSS,结果是正确的。我正在使用引导 HTML代码:选择未在股票Android浏览器上正确设置样式的标记,android,html,css,twitter-bootstrap,Android,Html,Css,Twitter Bootstrap,我试图在Android(4.2.1)的网络视图中显示两个选择框,但它们的高度不正确。在更高的Android版本(4.4.2)中,使用相同的CSS,结果是正确的。我正在使用引导 HTML代码: <div class="row col-xs-12 texto-cent barrasearch2 separacion-filas visible-xs" id="barraInbox"> <div class="col-xs-12 col-sm-6 col-md-
<div class="row col-xs-12 texto-cent barrasearch2 separacion-filas visible-xs" id="barraInbox">
<div class="col-xs-12 col-sm-6 col-md-5 ident-der">
<select size="1" name="cmd2" class="select-mod">
<option value="mg_move">Move messages to</option>
<option value="mg_copy">Copy messages to</option>
<option selected="" value="mb_change">Open mailbox</option>
</select>
...
</div>
</div>
.select-mod{
height: 30px !important;
font-size: 14px !important;
-webkit-appearance: menulist !important;
background-color: #fff;
line-height: 1.42857143;
}
导致Android 4.2.1:
<div class="row col-xs-12 texto-cent barrasearch2 separacion-filas visible-xs" id="barraInbox">
<div class="col-xs-12 col-sm-6 col-md-5 ident-der">
<select size="1" name="cmd2" class="select-mod">
<option value="mg_move">Move messages to</option>
<option value="mg_copy">Copy messages to</option>
<option selected="" value="mb_change">Open mailbox</option>
</select>
...
</div>
</div>
.select-mod{
height: 30px !important;
font-size: 14px !important;
-webkit-appearance: menulist !important;
background-color: #fff;
line-height: 1.42857143;
}
正确结果:(使用引导CSS类)
谢谢你的预支 这可能是由重要的标记引起的,因为它们通常会稍微弄乱我的CSS。尝试CSS样式的更具体路径:
#barraInbox div select.select-mod {
height: 30px;
font-size: 14px;
-webkit-appearance: menulist;
background-color: #fff;
line-height: 1.42857143;
}
如果不知道它们应该是什么样子,就很难说出来。也许有更好的办法。你能把它的外观链接起来吗
select {
height:25px;
width:100%;
border: 1px solid grey;
-webkit-appearance: listbox;
background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); /* a simple arrow img */
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
padding-left: 5px;
}
请试试这个,这对你有用。我把上面的图片放在问题中。你有解决办法吗?