Bootstrap造型圆角

我不知道为什么我的Bootstrap领域没有圆角。当我在我的网站的其他部分选择表格控制输入字段时，角落是全面的。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; 
}

如何永久地改变上面的代码？

来源

2014-02-27 Stephenmelb

你能后没有模板标签生成的HTML？ –

您是否使用了网络检查器来验证是否有任何内容覆盖了引导程序的CSS？ – essmahr

你错过了这个页面上对你的css的引用吗？ –

我看你有：

border-radius: 0px;

这使得方角。

来源

2014-02-27 23:37:47 henrywright

在bootstrap中创建圆形边界的代码是什么？我只是在我的所有页面中使用class = form控件来制作字段，并且它们都是四舍五入的，除了在此页面中 – Stephenmelb

尝试border-radius：4px; – henrywright

变化.form-control性能

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

来源

2014-02-27 23:50:13 Muhammed

根据'Caniuse'，这是正确的答案 – Francisc0

@ Francisc0，除非客户使用Firefox 1.X或Chrome 3及更低版本，否则不应使用供应商前缀。 –

@AlexZhukovskiy答案是2岁。我会建议使用** autoprefixer **为CSS规则的供应商前缀使用**的值我可以使用** https://github.com/postcss/autoprefixer – Muhammed

固定它

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

来源

2014-02-28 00:02:31 Stephenmelb

这是矫枉过正，你将无法在任何地方的任何其他元素上使用边界半径。只需将其覆盖在你的CSS（其中应包括在引导后，你的页面） '.FORM控制{边界半径：初始}' 或 '.FORM控制{边界半径：0像素}' 这样你只是针对表单输入 – Francisc0

Bootstrap造型圆角

回答

相关问题