Question

我有以下网站。 www.theprinterdepo.com 在顶部，我有一个滑动文本，由一个名为EasySlide for Magento的组件制作。

我用红色创建了外边框，但我似乎无法移除内部灰色边框。

外部事物的html代码是：

<p><span style="color: #ff0000;"><strong>READ WHAT OUR CUSTOMERS SAY ABOUT US</strong></span></p>
<table style="width: 100%; margin: 0; padding: 0; border-collapse: collapse;" border="0">
<tbody>
<tr>
<td style="border: 1px solid #fc1102;" colspan="2">
<p style="text-align: center;">{{block type="firstslider/firstslider" name="firstslider" categoryid="8" sliderid="4" topbuttons="0" bottombuttons="0" style="width:945px;height: 30px;" duration="3" frequency="10" autoglide="true"}}</p>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>

每张幻灯片的代码如下：

<p>I ordered a HP printer and received it the next day. Excellent service and I will order again.</p>

我的猜测是这个第三方插件正在某处添加边框，但我应该能够覆盖这个灰色恼人的边框并将其删除。

Answer 1

带边框的div有一个类滚动条，你的css中会有这样的东西将它删除

div.scroller {
    border: none;
    overflow: hidden;
}

您可能需要更多地指定css（请参阅http://css-tricks.com/specifics-on-css-specificity/）以使您的样式覆盖插件

Answer 2

在css中找到“slider.css”中的“div.scroll”

其中

border: 1px solid #cccccc

写了

，只需删除它

如何在html中删除边框

2 个答案: