Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/184.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
选择未在股票Android浏览器上正确设置样式的标记_Android_Html_Css_Twitter Bootstrap - Fatal编程技术网

选择未在股票Android浏览器上正确设置样式的标记

选择未在股票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-

我试图在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-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;
}

请试试这个,这对你有用。

我把上面的图片放在问题中。你有解决办法吗?