html - 在选择标签中对齐呈现的选项文本

Question

我有这个 html:

<div class="form-group">
                <label for="catId">Category</label>
                <select class="form-control" id="catId" ng-model="intCategory" 
                        ng-options="c.Id as c.Category for c in intCategories">
                    <option value="">--Select--</option>
                </select>
            </div>

我正在使用 bootstrap for css 和 angularjs 来呈现选项。除了选项文本似乎向左对齐外，一切正常。如何使选项文本居中？

Answer 1

好吧，如果我在父 div 标记中包含内联 block 的显示，它就会起作用。真的很奇怪。

这是更新后的 html:

<div class="form-group" style="display: inline-block;">
                <label for="catId">Category</label>
                <select class="form-control" id="catId" ng-model="intCategory" 
                        ng-options="c.Id as c.Category for c in intCategories">
                    <option class="" value="">--Select--</option>
                </select>
              </div>