css - 选择部分显示所选选项

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 和 ionic CSS(不是整个框架)。

jsfiddle with ionic 1.2.4 CSS

ionic documentation

Answer 1

好吧，我通过修改 css 文件中选择的“宽度”来修复它。