如何更改Laravel附带的股票分页的颜色？

Question

我想更改Laravel附带的股票分页的颜色。

默认情况下，它看起来像这样：

比方说，我想将其改为绿色以匹配我网站的主题。有人可以告诉我在哪里可以更改吗？

Answer 1

最简单的解决方案是编写一些 CSS 规则来覆盖默认的 bootstrap 规则。像这样的事情可能会做：

.pagination > li > a,
.pagination > li > span {
    color: green; // use your own color here
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: green;
    border-color: green;
}

如果您不想这样，您需要创建一个 Custom Presenter 来使用您想要的 HTML 代码生成分页。您可以查看 Laravel 附带的默认 Bootstrap Presenter，了解它是如何完成的，因为您需要实现的内容非常相似。该文件位于此处：

vendor/laravel/framework/src/Illuminate/Pagination/BootstrapPresenter.php

但是请勿修改该文件以应用您的更改，因为将来的更新可能会覆盖您的更改。按照 Laravel Docs 中的说明创建您自己的。

Answer 2

更改活动颜色：

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: green; //your color
    border-color: green; //your color
}

Answer 3

<style>
    [aria-current] .page-link {
        background-color: red !important;
    }

    [rel='prev'], [rel='next'] {
        background-color: #0c85d0 !important;
    }

    .pagination > li :not([rel='prev'],[rel='next'],[aria-current] .page-link) {
        background-color: green !important;
    }
</style>

如何更改Laravel附带的股票分页的颜色？

How to change the color of the stock pagination that come with Laravel?

php

pagination

laravel

laravel-4