<select> 列表增加高度

Question

我对在手机页面中使用select/options感到疑惑。在我添加了一个可以用按钮打开的列表之后，即使没有激活列表视图，页面也会增加高度。

我不确定是否相关，但我选择使用jquery css进行测试。

列表代码如下:

<div id="wrapper">
    <div class="titulo">Nova O.S.</div>
    <div id="novaos">
        <form method="post" enctype="multipart/form-data" id="uploadForm">
            <input type="text" name="placa" placeholder="Placa"/>
            <div class="subtitulo">ACESSORIOS 01</div>
            <div class="ui-field-contain">
                <select multiple="multiple" data-native-menu="false">
                    <option value="aces01" name="aces01" id="aces01">3 EIXO</option>
                    <option value="aces02" name="aces02" id="aces02">CHAVE DE RODA OK</option>
                    <option value="aces03" name="aces03" id="aces03">ESTEPE OK</option>
                    <option value="aces04" name="aces04" id="aces04">EXTINTOR OK</option>
                    <option value="aces05" name="aces05" id="aces05">MACACO OK</option>
                    <option value="aces06" name="aces06" id="aces06">PNEUS BONS</option>
                    <option value="aces07" name="aces07" id="aces07">PNEUS LISOS</option>
                    <option value="aces08" name="aces08" id="aces08">PNEUS REGULARES</option>
                    <option value="aces09" name="aces09" id="aces09">RASTREADOR</option>
                    <option value="aces10" name="aces10" id="aces10">TACOGRAFO</option>
                    <option value="aces11" name="aces11" id="aces11">TRIANGULO OK</option>
                </select>
            </div>
            <div>
                <input type="submit" name="salvar" value="PRÓXIMA"/>
            </div>
        </form>
    </div>
</div>

Answer 1

将此添加到您的#wrapper div的css中:

div#wrapper {
 overflow:hidden;
 height:auto;
}

这是一个jsFiddle

Answer 2

添加Css

select
{
  height:137px;
}

Live Demo Here