是什么原因造成了这个盒子？

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;}