如何在select中修改option字段的大小？

Question

在离子弹出窗口中，我有一个select html属性，里面有options。这是我的代码和CSS应用于它，我的问题是我如何在选择的整个空间设置空白？

＆＃13;

＆＃13;

$scope.cat1 = ["cat1", "cat2", "cat3"];

＆＃13;

.item-select{
        max-height: 30px;
        border-radius: 10px; 
        // width: 100%;
}

.label-police{
        font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
        font-weight:300;
        background-color:rgba(172,231,242, 0.1);
}

.top-input{
        background-color:rgba(206,240,246, 0.9);
        font-weight:300;
        border-radius: 4px 4px 4px 4px !important;
}

＆＃13;

<label class="label-police">Cat :</label>
<div class="spacer" style="width: 100%; height: 2px;"></div>
<label class="item item-select">
<select class="top-input"><br><option class="top-input" ng-repeat="cat in cat1">{{ cat }}</option></select></label>

＆＃13;

＆＃13;

＆＃13;

Answer 1

也许可以将width: 100%;添加到.top-input样式中。此外，如果要完全调整它，请将.item div padding设置为0。

Here an approach