2017-05-06 24 views
3

を選択された場合、サイズ変更、レイアウトの防止:これは、選択ボックスが選択要素が幅変化を引き起こす何attribiute text-size-adjust: 100%を取得した後、入力 enter image description here
を選択した後、どのように動作するかです。角度材質:選択ボックスの値は角度素材を使用した

あなたは一定の幅を維持するために、この動作を防ぐためにどのようにcodepen http://codepen.io/anon/pen/JNOdKP?editors=1000

でこれを確認することができますか?

ダーティ修正があまりにも(codepenの最後の例を参照)

答えて

2

あまり汚いソリューションは ng-class="{'md-select-fixed-width': true}"を、設定される可能性がありますだけで</md-select>コードの下<div><div/>&nbsp;の束を追加しているmd-select-fixed-width: 140px;
のようになりますので、すなわち選択:

<md-select name="startYear4" 
       ng-model="ctrl.year4" 
       md-no-cache="ctrl.noCache" 
       ng-class="{'md-select-fixed-width':true}" 
       required> 
     <md-option ng-repeat="year4 in [2017, 2016, 2015]" value={{year4}} ng-bind="year4">{{year4}}</md-option> 
</md-select> 

とCSS:

.md-select-fixed-width { 
    width: 140px; 
} 

codepen

関連する問題