文件路徑：D:\ireport365\ireport365.war\template\role\list.html 文件最上面的css樣式 ~~~ <style> .btn-default:hover{ background:#2990ea; color:#fff; border-color:#2990ea; } </style> ~~~ 代碼 ~~~ <div class="modal-header"> <div style="float:left;"> <button class="btn btn-default" style="padding-left:10px;padding-right:10px;" ng-click="openEditFolderWindow($event)"><i class="fa fa-plus"></i>{{vsLang.folder}}</button> </div> <span class="btn btn-default fileinput-button" style="float:left;margin-left:5px;padding-left:5px;padding-right:10px;" ng-click="openRoleEditWindow($event)"> <i class="fa fa-plus"></i> <span>{{vsLang.role}}</span> </span> <span ng-show="hasItemSelected()" style="float:left;margin-left:5px;"> <button class="btn btn-default" ng-click="deleteSelectItems()"><i class="fa fa-trash"></i>{{vsLang.delete}}</button> </span> <a ng-href="{{getExportUrl()}}" target="exportFrame" class="btn btn-default" style="float:left;margin-left:5px;padding-left:5px;padding-right:5px;"> <i class="fa fa-upload"></i> <span>{{vsLang.export}}</span> </a> <span class="btn btn-default" style="float:left;margin-left:5px;padding-left:5px;padding-right:10px;" ng-click="loadData()"> <i class="fa fa-refresh"></i> <span>{{vsLang.refresh}}</span> </span> <div ng-show="hasItemSelected()" style="float:left;margin-left:5px;"> <button class="btn btn-default" ng-click="openRoleMoveWindow()">{{vsLang.move}}</button> </div> <div style="float:right;margin-top:2px;"> <div class="btn-group"> <div class="input-group" style="width:250px;"> <input ng-change="onFilterQueryChange()" ng-model="filter.query" type="text" class="form-control" style="border: 1px solid #F0F0F0;padding: 4px 10px;height:30px;" placeholder="{{vsLang.search}}"> <span class="input-group-btn"> <button ng-click="searchUserRoles()" class="btn btn-default" type="button" style="padding: 4px 10px;border: 1px solid #F0F0F0;"><i class="fa fa-search" style="height:20px;line-height:20px;"></i></button> </span> </div> </div> <div class="btn-group"> <label class="btn btn-default" ng-model="filter.type" ng-click="onFilterDeviceChange()" uib-btn-radio="'role'">{{vsLang.role}}</label> <label class="btn btn-default" ng-model="filter.type" ng-click="onFilterDeviceChange()" uib-btn-radio="'user'">{{vsLang.user}}</label> <label class="btn btn-default" ng-model="filter.type" ng-click="onFilterDeviceChange()" uib-btn-radio="'report'">{{vsLang.report}}</label> </div> </div> </div> ~~~ 代碼圖   下面是效果圖  下面是刪除目錄按鈕 ~~~ <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-default" ng-click="openEditFolderWindow($event, selectedFolder)" tooltip-placement="top" tooltip-append-to-body="true" style="position:absolute;width:50%;bottom:0;margin:0;font-size:12px;border-right:0;background:#1881dc;color:#fff;">{{vsLang.edit}}</a> <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-danger" ng-click="deleteSelectedFolder()" tooltip-placement="top" tooltip-append-to-body="true" style="position:absolute;left:50%;width:50%;bottom:0;margin:0;font-size:12px;">{{vsLang.delete}}</a> ~~~  效果圖