html - Bootstrap 3 - 从模态对话框中删除下划线

Question

我有一个模态对话框，当我悬停时它总是显示下划线。

我不知道怎么解决这个问题，希望你能帮忙!

<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Login</h4>
  </div>
  <div class="modal-body">
    <? include "_inc/widgets/login.php"; ?>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Sluit</button>
  </div>
</div>

还有我在login.php 页面中的内容

<!-- Error box -->
<pre class="alert-danger" id="errors" style="display:none;"></pre><!-- End error box -->

<!-- Login Form -->
<form style="display:block;" class="form-group" role="form" id="login" method="post">
  <div class="form-group" id="username-group">
    <label for="username">Gebruikersnaam:</label>
    <input type="username" class="form-control" id="login_username">
  </div>
  <div class="form-group">
    <label for="pwd">Wachtwoord:</label>
    <input type="password" class="form-control" id="login_pwd">
  </div>
  <div class="checkbox">
    <label><input type="checkbox">Onthoud mij</label>
  </div>
  <button type="submit" class="btn btn-default">Login</button>
  <button style="float:right;" type="button" class="btn btn-info" id="toRegister">Of schrijf in</button>
</form><!-- End Login -->

Answer 1

尝试在您的 css 文件中添加此 css。

.modal-content {
   text-decoration: none !important;
}

!important 应该确保无论处于什么状态都不会出现下划线。

我认为这应该可行。