在一些浏览器上排队

Question

在某个div中的文本下面会出现一条线。

此问题仅出现在Firefox和IE上。

这是屏幕截图，我使用整个div作为链接：

以下是我如何构建div和文本

在css中：

.whiteTextBold {
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: none;
    font-size: 15px;
    text-decoration: none;
}

.moreInfo {
    background:rgba(255,255,255,0.0);
    border:1px solid;
    border-color:#fff;
    width:170px;
    height:35px;
    text-decoration: none;
}

在文件中：

<a target="_blank" href="#">
<div class="moreInfo">
<table width="100%" height="100%">
<tr><td align="center"><font class="whiteTextBold">More info</font></td></tr>
</table>
</div></a>

我该怎么做才能避免这条线？

Answer 1

使用：

a {
    text-decoration: none;
}

或者如果你已经为他们设置了一个风格，那么就给它添加一个类。