Angularjs 使用角度ui网格缺少分页下拉图标
我正在开发一个使用角度ui网格分页的表。但不知何故,我错过了分页下拉列表中的下拉箭头,如下图所示 当我点击它时,它会像下拉菜单一样打开,但我需要向下箭头来指示它是一个下拉菜单 我正在使用以下css库Angularjs 使用角度ui网格缺少分页下拉图标,angularjs,pagination,angular-ui-grid,Angularjs,Pagination,Angular Ui Grid,我正在开发一个使用角度ui网格分页的表。但不知何故,我错过了分页下拉列表中的下拉箭头,如下图所示 当我点击它时,它会像下拉菜单一样打开,但我需要向下箭头来指示它是一个下拉菜单 我正在使用以下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
<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">
下面是我的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>
不上传
历史记录可用
单击特定策略的图标以上载其他文档
要遵守政策。
当我在下面添加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");
}
用作输入的html元素是什么?我发现未显示的下拉箭头通常来自未正确显示的
::before
或::after
元素。元素可能是白色的,也可能只是隐藏的。我正在使用@user3224830。你能在问题会话中添加html
代码吗?我刚刚在问题中添加了html片段
.ui-grid-pager-row-count-picker select {
background-image: url("../pics/select_arrow.png");
}