停止Bootstrap3按钮文本以在鼠标悬停时变为下划线

Question

我试图在鼠标悬停时停止bootstrap 3默认按钮下划线，但根本没有成功。这是我的CSS和HTML代码：

.btn-default:hover {
  font-style: normal;
  background-color: white;
}

<button type="button" class="btn btn-default btn-lg"><a href="#tech-skills">Tech Skills</a>
</button>

请注意，我可以更改：hover background-color，但看起来属性font-style没有引用我想要更改的内容。

以下是按钮的外观：

Button Sample

Answer 1

下划线由文本修饰CSS属性控制，而不是font-style属性。此外，下划线不会应用于按钮标签本身，而是应用于按钮内的锚标签。

参见此演示：

＆＃13;

＆＃13;

a {
  text-decoration: none;
}

＆＃13;

<button type="button" class="btn btn-default btn-lg"><a href="#tech-skills">Tech Skills</a>
</button>

＆＃13;

＆＃13;

＆＃13;