選択したオプションが部分的に表示されます

この問題があります。私は、選択ボックスを使用するたびに、それだけでこのように、部分的に選択されたオプションを示しています。私は選択したオプションが部分的に表示されます

<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

出典

2016-04-07 Christian Rodriguez

このCSSの問題のように見えます。質問にCSSスタイルを追加できますか？ –

まあ、それはイオンの枠組みからのionic.cssです。それは9千以上の線です;）（ooops！私はイオンタグを忘れてしまった！） –

このjsfiddle with ionic 1.2.4 CSSとあなたのhtml https://jsfiddle.net/4v47u1vy/ documentation wise：http://ionicframework.com/docs/components /＃select – bfmags

まあ、私はCSSファイルでの選択の "幅" を変更することで、それを修正しました。

出典

2016-04-14 00:47:50

@Rodriguezの応答性のために、option要素の "display：table"スタイルプロパティを使用できます。 –

CSSファイルに追加します。

option { display: table; }

または

は、オプションのstyle属性に追加します。

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

出典

2016-06-27 08:55:58

選択したオプションが部分的に表示されます

答えて

関連する問題