Question

我想摆脱Angular-bootstrap模式中的子弹。您可以在此处查看演示代码：

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

以下是问题中的部分示例：

<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header">
        <h3 class="modal-title">I'm a modal!</h3>
    </div>
    <div class="modal-body">
        <ul>
            <li ng-repeat="item in items">
                <a ng-click="selected.item = item">{{ item }}</a>
            </li>
        </ul>
        Selected: <b>{{ selected.item }}</b>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>
</script>

如果单击模态并打开它，则模态中的项旁边会有项目符号。我想更改这些以及项目是右对齐，左对齐，对齐还是居中对齐。

Answer 1

只需使用此自定义CSS。将模态框内的所有无序列表作为目标。

.modal-body ul {
  list-style: none;
}

Updated Plunkr

你如何摆脱Angular-Bootstrap模式中的子弹？

1 个答案: