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都应该确保没有下划线。

我认为这应该有用。

Answer 2

这应该有效

.modal-header {
    border: none;
}

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

2 个答案: