<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将在下一个版本中为我们处理这个问题.