选择部分显示所选选项

Question

我有这个问题。每当我使用选择框时，它只会部分显示所选选项，如下所示：

这是代码的相应部分：

<div class="col col-33">
<div class="row">
    <div class="col text-center">CALIBRE CABLE (AWG)</div>
    <div class="col"><label class="item item-input item-select">
<div class="input-label"></div>
    <select id="calibreMedRspta">
        <option disabled selected>Seleccione el calibre:</option>
        <option>350</option>
        <option>250</option>
        <option>4/0</option>
        <option>3/0</option>
        <option>2/0</option>
        <option>1/0</option>
        <option>2</option>
        <option>4</option>
        <option>6</option>
        <option>8</option>
        <option>10</option>
        <option>12</option>
    </select></label></div>
</div>

我正在使用Phonegap和离子CSS（不是整个框架）。

jsfiddle with ionic 1.2.4 CSS

ionic documentation

Answer 1

好吧，我通过修改＆＃34;宽度＆＃34;来修复它。在css文件中选择。

Answer 2

添加到CSS文件：

option { display: table; }

或

添加选项的样式属性：

<option style="display: table;" value="AsLongAsItCanBe">Value1</option>