javascript - 删除 td 中的边框（更多！）

Question

我在公司里有旧代码，而且这张表中的代码今天没有时间切换到 DIV，所以我需要一些帮助......

类“ Mensagem”有一个边缘，只有当用户回答将成为 inerida lblResposta .... 时才会显示它。但是当我们加载页面边框时，显示的页面边框没有任何文本，我该如何解决这个问题案子 ....

注意：重构需要简单，因为它有超过 500 个页面出现此错误。

CSS

.TB_Mensagem {
 margin: 10px 0 0 0;
 width: 98%;
}
.Mensagem {
 border: 2px dotted; border-color: # ff7838;
 color: # ff7838; 
 font-family: arial;
 font-size: 10px;
 line-height: 15px;
 padding-left: 5px; 
 padding-top: 2px;
 text-transform: uppercase;
} 

HTML

<table class="TB_Mensagem">
 <tr>
  <td class="Mensagem"> 
   <asp:Label ID="lblResposta" runat="server"> </ asp: Label> 
  </td>
 </tr>
</table>

Answer 1

编辑 重新阅读您的问题，这不应该满足您的需求。

您可以使用:empty伪类仅使用 CSS (CSS3)：

http://jsfiddle.net/zReBX/

.Message:empty{display:none} /* or Messagem depending where is your typo! */

编辑

$(document).ready(function () {
    $('td.Mensangem').filter(function () {
        return $.trim(this.innerHTML) === ""
    }).css('border-style', 'none');
});

Answer 2

你不能单独使用 css 来做到这一点。但是，这可以使用 javascript（和 jQuery）轻松处理。使用 jQuery，您可以在页面上添加类似这样的内容：

$(document).ready(function() {
    $('td.Mensangem:empty').css('border-style','none');
});

Answer 3

表 td 有一个“Messagem”类，但您发布的 CSS 是用于 .Message

无论如何，尝试：

table tr td.Messagem {border:none !important;}