AdminLTE 提供了以下插件的色彩覆盖和额外功能。
您可以通过以下类来覆盖 Bootstrap 滑块轨道的颜色:
.slider-*
示例:
<div class="slider-red">
<input type="text" value="" class="slider form-control" data-slider...>
</div>
您也可以通过以下类来更改滑块的布局:
.slider-vertical
.slider-horizontal
示例:
<div class="slider-red">
<input type="text" value="" class="slider slider-vertical form-control" data-slider...>
</div>
您可以通过添加以下类来覆盖 iCheck 复选框/单选输入的颜色:
.icheck-*
示例:
<div class="icheck-primary">
<input type="checkbox" id="checkbox1">
<label for="checkbox1">
Checkbox Label
</label>
</div>
您可以通过加载您期望的主题并添加以下类之一来覆盖所有 Pace 主题的颜色:body
:
.pace-*
.pace-big-counter-*
.pace-bounce-*
pace-center-atom-*
pace-center-circle-*
pace-center-radar-*
pace-center-simple-*
pace-corner-indicator-*
.pace-flash-*
.pace-fill-left-*
.pace-loading-bar-*
.pace-material-*
.pace-mac-osx-*
示例:<body class="pace-success">
如果您在使用 SweetAlert 时在 AdminLTE 的 CSS 之前加载了 SweetAlert 的 CSS,那么任何图标的颜色都会更改为 AdminLTE 的默认颜色。
如果您在使用 Toastr 时在 AdminLTE 的 CSS 之前加载了 Toastr 的 CSS,那么背景颜色会更改为 AdminLTE 的默认颜色。