_bootstrap-table-style.php 2.67 KB
<style>

    .bootstrap-switch-on {
        background-color: #0c80d8;
    }

    .bootstrap-switch-off {
        background-color: #eeeeee;
    }


    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
        color: #fff;
        background: #0c80d8;
    }


    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-handle-off,
    .bootstrap-switch .bootstrap-switch-label{
        font-size: 12px;
        padding: 3px 8px;
        border: transparent;
    }


    .fixed-table-pagination .pagination a {
        padding: 4px 10px;
        line-height: 1.5;
        border-radius: 3px;
    }

    /**
     * 重置Bootstrap Table的样式
     * 必须放在这个才能生效,因为bootstrap table 的CSS样式是在头部引入的,
     * 放在后面才能生效
     */
    .bootstrap-table .table {
        border-top:1px solid #ddd;
        border-radius: 0;
    }

    .bootstrap-table .table > thead > tr > th {
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }

    .fixed-table-container {
        border: 0;
    }

    .fixed-table-pagination div.pagination,
    .fixed-table-pagination .pagination-detail {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .fixed-table-container input[type="radio"],
    .fixed-table-container input[type="checkbox"] {
        margin: 5px auto !important;
    }

    .fixed-table-container,
    .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn,
    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
        border-radius: 0;
    }

    .fixed-table-container thead th:first-child {
        border-top-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
    }

    .fixed-table-container tbody .selected td {
        background-color: #F2F3F7;
    }

    .fixed-table-container thead th .th-inner{
        padding:3px;
        font-weight: normal;
        color:#333;
    }

    .fixed-table-container thead th.bs-checkbox .th-inner {
        padding: 3px;
    }

    .fixed-table-container tbody td {
        border-left: 0;
    }

    .fixed-table-container thead th {
        border-left: 0;
    }

    .fixed-table-toolbar{
        margin: 5px 0 15px 0;
    }
    .fixed-table-toolbar .bs-bars,
    .fixed-table-toolbar .search,
    .fixed-table-toolbar .columns {
        position: relative;
        margin-top: 0;
        margin-bottom: 0px;
        line-height: 28px;
    }

    .fixed-table-container thead th .th-inner {
        color: #333;
    }

    .fixed-table-footer {
        border-top: 1px solid #ddd;
    }
</style>