引导输入字段平方答案

【问题标题】：Bootstrap input fields squared引导输入字段平方
【发布时间】：2014-08-16 00:58:36
【问题描述】：

我的 HTML 表单上的任何输入字段似乎都无法圆角。我尝试将 CSS 样式表更改为：

 * {
  -webkit-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
          border-radius: 4px !important;
  -webkit-border-top: 4px !important;
     -moz-border-top: 4px !important;
          border-top: 4px !important;
  -webkit-border-bottom: 4px !important;
     -moz-border-bottom: 4px !important;
          border-bottom: 4px !important;
}

但是这样你就看不到顶线和底线了。我直接从他们的网站复制代码，只是格式不正确。我该如何解决这个问题？

【问题讨论】：

你能显示你的 HTML 标记吗？
引导程序是否将任何类添加到您的输入框中？

标签： css forms twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

使用下面的 CSS：

input, input[type="text"]{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px ;
    border-radius: 4px ;
    border-width: 5px 0px 5px 0px;
    padding: 10px;
}

【讨论】：

【解决方案2】：

检查您是否输入了form-control 类，例如class="form-control" 在您的输入字段中？？？喜欢

<input type="text" class="form-control" placeholder="Enter Name">

据我所知，当你不放 form-control 类时会发生这种情况

【讨论】：

欢迎您！但是在开始之前你应该知道引导程序的basics...
由于所有的“形式”混乱，它并不完全直截了当。