Question

我似乎无法在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;
}

但这使得你无法看到顶线和底线。我是直接从他们的网站复制代码，而不是正确格式化。我该如何解决这个问题？

Answer 1

检查您是否将form-control类放入，例如输入字段中的class="form-control" ???像

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

据我所知，当你没有把form-control课程

时，就会发生这种情况

Answer 2

使用下面的CSS：

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

Bootstrap输入字段平方

2 个答案: