如何在 Owl 轮播导航按钮中添加“边框”（大约下一个和上一个）答案

【问题标题】：How can I add "border" in the Owl carousel navigation button(around next & previous)如何在 Owl 轮播导航按钮中添加“边框”（大约下一个和上一个）
【发布时间】：2020-12-29 16:16:20
【问题描述】：

如何在 Owl Carousel 滑块中的 Next 和 Previous 按钮周围添加边框，就像这张图片一样？

图片-

我试过了，但没用

    .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;
    }

【问题讨论】：

检查元素，找到 ID 或类名并在 CSS 中设置。 HERE 就是一个很好的例子。
我已经检查了这些东西，但问题出在哪里？
你试过!important 吗？喜欢border: 1px solid #000 !important;
非常感谢，兄弟！！，添加“！important”后现在可以工作了。
很高兴解决了这个问题。我已经回答了。请随时“接受”我的回答。

标签： javascript html css slider owl-carousel

【解决方案1】：

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

border: 1px solid #000 !important;

【讨论】：