<abbr>元素上不需要的双下划线

Question

最新版Chrome（v58）为<abbr>元素添加了虚线下划线：

abbr[title], acronym[title] {
  text-decoration: underline dotted;
}

Bootstrap本身将虚线底部边框应用于<abbr>个元素。这会导致不良的双边效应：

  

我该如何解决这个问题？

Answer 1

只需在CSS中添加以下内容即可解决此问题：

abbr[title] {
  text-decoration: none;
}

我已经在Bootstrap的GitHub页面（#22562）上提交了这个问题，所以希望Bootstrap会在下一个版本中为我们处理这个问题。

Answer 2

删除text-decoration或border-bottom。