角材質：防止佈局調整大小時，選擇選擇框的值

Question

採用了棱角分明材料：這是選擇框中選擇輸入
選擇元素後後的行爲得到attribiute text-size-adjust: 100%什麼引起寬度改變。

您可以檢查此codepen http://codepen.io/anon/pen/JNOdKP?editors=1000

如何防止這種行爲，以維持固定的寬度？

髒修復過於增加一堆的<div><div/>&nbsp;不到</md-select>代碼（見codepen最後一個例子）

Answer 1

不太髒的解決方案可能設置 ng-class="{'md-select-fixed-width': true}"，當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