如何在 Owl 轮播导航按钮中添加 "border"（围绕下一个和上一个）

Question

如何在 Owl 轮播滑块中的“下一个”和“上一个”按钮周围添加边框，如图所示？

图片-

我试过但没用

    .blog-active .owl-nav button {
        position: absolute;
        top: -82px;
        left: 190px;
        color: black;
        background: red;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid black;
        border-radius: 50%;
        text-align: center;
    }

Answer 1

OWL 的样式是在使用 JavaScript 呈现 DOM 之后创建的。因此，您需要使用 !important 来确保您的样式在渲染时不会被覆盖。浏览器

border: 1px solid #000 !important;