Understrapの<?php understrap_pagination(); ?>を使ったページ送りを実装しています。
見栄えは良いのですが、リンクがアクティブの時に薄紫のborderだかbox-shadowがつくのが気になり消したいと思っています。
Understrapはアクティブ時に様々なものにこの薄紫のborderだかbox-shadowがつきます。
最終的にはこれを全て消したいです。
ページ送り部分について
/* Page Navigation */ .pagination{ margin-bottom: 5rem; } .pagination li:not(:last-child) { margin-right: .5rem; } .page-item:first-child .page-link, .page-item:last-child .page-link{ border-radius: 50%; } .page-link{ font-size: .85rem; color: #dd4893; border: none; border-radius: 50%; } .page-link:active{ border:none !important; box-shadow:none !important; } .page-item.active .page-link{ background-color: #e4607f; border:none; } .pagenation .page-link.current{ background-color: #e4607f; }
こんな感じで試行錯誤しているのですが、アクティブ時の動作が消えず悩んでおります。
アドバイスいただければ幸いです。
あなたの回答
tips
プレビュー