Jquery 图像边框和响应幻灯片.js

我想使用ResponsiveSlides.js为幻灯片中的图像添加边框。在试用ResponsiveSlides.js脚本附带的演示页面时，我发现在图像中添加边框会导致右边框不可见。图像顶部、底部和左侧的边框将按预期显示

为什么在使用ResponsiveSlides.js时图像的左边框不可见

以下是我添加到demo.html文件中的CSS样式规则，该文件随ResponsiveSlides.js脚本一起提供，用于为演示中的图像添加边框：

<style type="text/css">
   img { border: 1px solid red ! important; }
</style>

img{边框：1px纯红！重要；}

提前感谢您的时间和帮助

编辑：好的，在发布这个问题之后，我发现将边框添加到ResponsiveSlides.js用来保存图像的无序列表元素中会导致边框按我所希望的那样出现在图像周围。在这种情况下，我补充说：

border: 1px solid black;

边框：1px纯黑

---

到.rslides类，这是ResponsiveSlides.js用于幻灯片放映的默认类，其中包含元素和边框。我发现，将边框添加到ResponsiveSlides.js用于保存图像的无序列表元素中，会导致边框按我的需要显示在图像周围。在这种情况下，我补充说：

border: 1px solid black;

---

到.rslides类，这是ResponsiveSlides.js为包含幻灯片放映和边框的元素使用的默认类。我发现，将边框添加到ResponsiveSlides.js用于保存图像的无序列表元素中，会使边框按我的需要显示在图像周围。在这种情况下，我补充说：

border: 1px solid black;

---

.rslides类，这是ResponsiveSlides.js为包含幻灯片放映和边框的元素使用的默认类。您应该添加解决方案作为答案并接受：）感谢您的建议。我是新来的，所以我开始学习曲线。：）您应该添加您的解决方案作为答案并接受：）谢谢您的建议。我是新来的，所以我开始学习曲线。：）