AngularJS中的下拉项文本,bootstrap从底部被切断

时间:2015-05-18 07:13:58

标签: angularjs twitter-bootstrap-3

我的下拉列表有几个值,当点击下拉列表查看列表时,灰色表示已满'y'。选择后,灰色的底部会被切碎。所有相似的角色都会发生这种情况。

enter image description here

编辑:

<div class="col-lg-6"><div class="col-lg-6">
<div class="form-group" ng-repeat="attrib in col1Attribs">
    <div ng-class="invalidCodeClass">
        <label class="control-label" for="txtCode">{{attrib.displayText}}</label>
        <select id="ddl{{attrib.configType}}" class="form-control">
            <option ng-repeat="c in configOptions(attrib.configType)" value="{{c.configId}}">{{c.configValue}}</option>
        </select>
    </div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

我认为问题不在您的htmljs代码中,而在于您正在查看该网页的特定浏览器应用的css

尝试更改选择列表上的(字体)样式;一些建议:

1。缩小字体大小

2。增加选择

的行高

3。删除select上的样式选项@yuujin建议。

可能有其中一项更改,您就可以解决问题。