jeffPo jeffPo - 1 year ago 156
CSS Question

bootstrap input fields are not rounded just square

i cant seem to get my corners rounded on any input field on my html form. Ive tried changing the css stylesheet to this

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

but that made it so you couldnt see the top and bottom lines im copying the code straight from their site and its just not formatting

Answer Source

Check that you put form-control class e.g. class="form-control" in your input fields??? like

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

As I know that was happen when you don't put form-control class