Html 引导窗体输入边不会从圆形变为方形

我试图让我的表单输入的角落变成正方形，而不是在引导中变圆，但我没有运气。CSS为按钮工作，但输入表单仍然是四舍五入的。我做错了什么

  <form class="navbar-form pull-right">

                    <div class="form-group form-group-sm">

                    <input type="email" class="form-control input" id="email" name="email" placeholder="jane.doe@example.com">
                    </div>

                    <input type="submit" class="btn btn-sm" name="submit" value="Submit" id="submit"/>
                    </div>

                </form>

---

您的CSS规则不够具体，无法覆盖引导CSS。相反，只需使用：

#email {
    border-radius: 0;
} 

---

要了解有关CSS特性的更多信息，请参见尝试更改.form控件属性

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

---

这就是我做的，让他们成为正方形

<input type="email" style="border-radius: 0 !important" class="form-control input" id="email" name="email" placeholder="jane.doe@example.com">

---

这似乎是一个特殊性问题，修改

.form group sm.form control{}

会删除边界半径。

最简单的方法是使用引导边界实用程序

四舍五入-0

您应该避免同时使用内联样式和

！重要信息

只要有可能，您可以使用！同样重要的是，这可能不是解决此问题的最佳方法，但是，当您要以多个输入为目标时，以id为目标并不有效。@DubstepZedd

！重要的

应该不惜一切代价避免，在这个问题中，需要对单个输入进行样式化，而不是多个输入，否则很明显，ID不是最佳解决方案，对吧，没有想到他只需要影响一个输入。不管怎么说，我成功地做到了没有“！重要”，这很好

<input type="email" style="border-radius: 0 !important" class="form-control input" id="email" name="email" placeholder="jane.doe@example.com">

.form-group-sm .form-control {
      border-radius: 0;
}