html - 更改下拉菜单的大小

Question

我创建了 2 个下拉菜单，但我无法更改它们的大小。我想要屏幕宽度的下拉菜单这是我的代码

 <select id="repeatSelect" ng-model="selectedArea">
  <option ng-repeat="(key,prop) in result" value="{{key}}">{{key}}</option>
</select>
<select id="repeatSelect1" ng-model="selectedState">
  <option ng-repeat="state in result[selectedArea]" value="state">{{state}}</option>
</select>

http://plnkr.co/edit/nNsM4VMVeHXS2hDIsAAd?p=preview

谢谢

Answer 1

将样式宽度 100% 添加到您的选择中

像这样

<select style="width:100%" id="repeatSelect" ng-model="selectedArea">