使用Angular ui网格缺少分页下拉图标答案

【问题标题】：Missing pagination dropdown icon using Angular ui grid使用Angular ui网格缺少分页下拉图标
【发布时间】：2015-12-08 06:13:16
【问题描述】：

我正在使用 Angular ui-grid 开发一个带有分页的表格。但不知何故，我错过了分页下拉菜单中的下拉箭头，如下图所示。

当我点击它时，它会像下拉菜单一样打开，但我需要向下箭头来指示它是一个下拉菜单。

我正在使用以下 css 库

<link rel="stylesheet" ng-href="libs/bootstrap/3.3.6/css/paper.bootstrap.min.css">
<link rel="stylesheet" type="text/css" title="Style" href="libs/angular/ui-grid/3.0.7/ui-grid.min.css">

我将gridOptions配置如下

paginationPageSizes: [10, 20, 50],
paginationPageSize: 10,
data: 'historyData',
enableCellSelection: true,
enableFiltering: true,
enableHorizontalScrollbar: 1,
treeRowHeaderAlwaysVisible: false,
showTreeRowHeader: true,
enableGridMenu: true,
exporterMenuCsv: false,
exporterMenuPdf: false,

下面是我的html代码

<div class="container">

<div id="gridDiv" 
    style="-webkit-animation: slideInRight 0.3s; -moz-animation: slideInRight 0.3s; animation: slideInRight 0.3s;">
    <div id="historyGrid" ui-grid="gridOptions" ui-grid-edit
        ui-grid-cellnav ui-grid-move-columns ui-grid-resize-columns
        ui-grid-save-state ui-grid-pagination ui-grid-pinning
        ui-grid-grouping ui-grid-exporter class="grid"></div>
    <div class="watermark" ng-show="!historyData.length">No upload
        history available</div>
    <div>
        <p>
            <img ng-src="{{contextRoot+'pics/addScanIcon.svg'}}"
                alt="addScanIcon"
                style="width: 25px; height: 25px; cursor: pointer" /> <span>
                Click the icon for a specific policy to upload additional documents
                to policy.</span>
        </p>
    </div>
</div>

【问题讨论】：

作为输入的html元素是什么？
我发现未显示的下拉箭头通常来自未正确显示的::before 或::after 元素。该元素可能是白色的或只是隐藏的。
我正在使用
@user3224830 你能在问题会话中添加html 代码吗？
我刚刚在问题中添加了 HTML sn-p

标签： angularjs pagination angular-ui-grid

【解决方案1】：

当我在css下面添加时它正在工作

.ui-grid-pager-row-count-picker select {
    -webkit-appearance: menulist;
}

或者只是添加背景箭头图像

.ui-grid-pager-row-count-picker select {    
    background-image: url("../pics/select_arrow.png");
}

【讨论】：