是什么导致这个盒子？

Question

我在表单周围出现了一个奇怪的框：

这是HTML：

<div class="container">
      <h4>Please login</h4>

  <form action="/client_scripts/login.php" class="form-horizontal" method="post" role="form">
    <fieldset>
      <div class="form-group">
        <div class="col-xs-4">
          <input class="form-control" placeholder="Username" name="username" type="text">
        </div>
      </div>
      <div class="form-group">
        <div class="col-xs-4">
          <input class="form-control" placeholder="Password" name="password" type="password">
        </div>
      </div>
      <button type="submit" class="btn btn-primary">Login</button>
    </fieldset>
  </form>

  <hr />
  <div class="footer">
    <p>Powered by <a href="#">SOMETHING</a></p>
  </div>

</div> <!-- /container -->

我在HTML中看不到任何内容导致它？

Answer 1

根据你的奇怪框是<fieldset>。由于它的默认属性，它显示了一些边界及其属性。

尝试此操作来中和fieldset的默认属性，您可以将其删除，或者根据需要设置样式。

fieldset{border:none;padding:0;margin:0;}