删除jquery项目滑块上的细灰色边框

Question

我想删除项目周围的灰色边框。请在此处找到jsfiddle结果：http://jsfiddle.net/LdCnK/embedded/result/

和编码在这里： http://jsfiddle.net/LdCnK/

主滑块显示html链接：

<div id="mi-slider" class="mi-slider">
<ul>
<li>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center" valign="center">

<a href="http://click.linksynergy.com/link?id=by74Vpim1DE&offerid=249405.176558&type=2&murl=http%3A%2F%2Fwww.worldofwatches.com%2Fdetail.asp%3Fiq%3D1%26bo_products_id%3D0%26bo_products_variance_id%3D165482%26promotion_code%3DWMP7071071013141418910165482"><img src="http://www.dailycrazydeals.com/wp-content/uploads/2013/09/casio.png" alt="img11"><h4>test</h4></a>
<hr width="130%" noshade>
   </li>
</td>
</tr>   

                <tr>
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                </tr>
                <tr>
                    <td>YOU SAVE:<hr width="130%" noshade></td>
                    <td>$40.00<hr width="100%" noshade></td>
                </tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>

Answer 1

只需注释掉以下内容

border-top: 5px solid #333333;

在itemSlider / css / style.css文件中 使用

.mi-slider nav {

    margin: 0 auto;
    max-width: 800px;
    position: relative;
    text-align: center;
    top: 400px;
}

代替

.mi-slider nav {
    border-top: 5px solid #333333;
    margin: 0 auto;
    max-width: 800px;
    position: relative;
    text-align: center;
    top: 400px;
}