Bootstrap 样式圆角

Question

我不知道为什么我在 Bootstrap 中的字段没有圆角。当我在网站的其他部分选择“表单控制”输入字段时，边角是圆角的。

              <div class='form-group'>
                <div class='col-sm-12'>
                  {{ trans('Suburb') }}:
 {{ Form::text('suburb', Input::get('suburb') ? e(Input::get('suburb')) : '', array('class' => 'suburb form-control')) }}
                 </div>

              </div>
              <div class='form-group'>
 <div class='col-sm-4'>
                {{ trans('Postcode') }}
{{ Form::text('postcode', Input::get('postcode') ? e(Input::get('postcode')) : '', array('class' => 'postcode form-control')) }}
                  </div>

                <div class='col-sm-4'>
                 {{ trans('Region') }}:
{{ Form::text('region', Input::get('region') ? e(Input::get('region')) : '', array('class' => 'region form-control')) }}
                 </div>
               <div class='col-sm-4'>
               {{ trans('State') }}:
{{ Form::text('state', Input::get('state') ? e(Input::get('state')) : '', array('class' => 'state form-control')) }}
                </div>
              </div>
            </fieldset>

在 Chrome 中，当我关闭这些设置时，它会变圆

media="all"
.user-profile .btn-group .form-control, .browse .btn-group .form-control {
border-top: 0px;
border-bottom: 0px;
border-radius: 0px;
margin-bottom: -1px;
}

如何永久更改上述代码？

Answer 1

更改

.form-control

属性

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

Answer 2

我看到你有：

border-radius: 0px;

这会形成方角。

Answer 3

修好了

 * {
      -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 4

据我了解，您希望表单控件是圆角的？ 如果是这种情况，你可以使用这个：

.form-control {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;

  border-radius: 50px;
}

或者如果你想要它是正方形，你只需将 0 作为值即可。

您可以使用边界半径对此链接进行实验： http://border-radius.com/

Answer 5

我需要

!important

才能正常工作：

.form-control{
  border-radius: 0 !important;
}