Jquery 在旋转木马的图像部分周围添加边框

我使用OWLCarousel作为我主页的滑块，但我想在滑块的图像部分周围加一个边框。如果我在整个owl主题类周围放置一个图像，它也会在next和prev按钮周围放置一个图像

我还尝试在owl包装器外部类（自动生成）周围放置边框，但最终会在容器内的图像周围放置边框，一旦向左滚动，边框的左侧将保留图像。 以下是inspector中显示的代码：

<div id="owl-demo" class="owl-carousel owl-theme" style="display: block; opacity: 1;">
<div class="owl-wrapper-outer">
    <div class="owl-wrapper" style="width: 4206px; left: 0px; display: block;">
        <div class="owl-item" style="width: 701px;">
            <div class="item">
                <img src="http://www.owlgraphic.com/owlcarousel/demos/assets/fullimage1.jpg" alt="The Last of us">
            </div>
        </div>
        <div class="owl-item" style="width: 701px;">
            <div class="item">
                <img src="http://www.owlgraphic.com/owlcarousel/demos/assets/fullimage2.jpg" alt="GTA V">
            </div>
        </div>
        <div class="owl-item" style="width: 701px;">
            <div class="item">
                <img src="http://www.owlgraphic.com/owlcarousel/demos/assets/fullimage3.jpg" alt="Mirror Edge">
            </div>
        </div>
    </div>
</div>
<div class="owl-controls clickable">
    <div class="owl-pagination">
        <div class="owl-page active"><span class=""></span>
        </div>
        <div class="owl-page"><span class=""></span>
        </div>
        <div class="owl-page"><span class=""></span>
        </div>
    </div>
    <div class="owl-buttons">
        <div class="owl-prev">prev</div>
        <div class="owl-next">next</div>
    </div>
</div>

这是一个JSFIDLE，基本上是我在页面上拥有的内容，我试图在图像部分周围添加边框，但不包括next和prev按钮

---

这不是边界问题，因为边界正在按预期工作。这是一个填充问题

允许图像在填充物上流动

您需要做的是更新它，使其同时使用边框和实心框阴影

.owl-wrapper-outer {
    border: 8px solid red;
    box-shadow: 0px 0px 0px 10px #888888;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

---

JSFIDLE：它不适用于嵌入阴影。

Hmmm，将边框放在owl包装器外部似乎对我来说很好，为什么你不能在owl演示css中添加边框呢？很抱歉。我应该添加我正在使用的边框类型。这里有一个更新的JSFIDLE：注意，例如，左边框是如何与第一幅图像保持一致的，因此当它向左滑动时，边框也会保持一致。@BREAUXseidon-请参阅我的更新答案。填充不应用于功能边界。这是用标记的，其描述是Web本体语言OWL是用于创建模式本体的词汇表，即类、属性及其之间关系的定义。。这个问题与我无关。以后请使用。此外，没有必要在标题中添加标签，例如猫头鹰旋转木马：前缀。是的，我用我想要的东西更新了我的JSFIDLE。以下是我所拥有的：@BREAUXseidon更新了我的答案来解释你的新小提琴=非常感谢！我真的很感激。