CODEWITHSUNDEEP
htmlcss
Lakshmi C Raveendran
Lakshmi C Raveendran

Reputation: 300

How to avoid an extra border-top thickness on bootstrap input field in iphone?

I used the bootstrap input field on a form, but an unnecessary thickness on the border-top line is found on the iphone. The css code is given below:

.form-group .form-control {
  height: 42px;
  border: 1px solid #dddddd;
  box-shadow: none;
  border-radius: 0;
}

screenshot of issue

Is there any way to remove this border-top thickness in iphone ? All the feedback for this are appreciated.

Upvotes: 5

Views: 860

Answers (2)

Becky
Becky

Reputation: 5585

Try this to remove the unwanted shadow within the text input field on iOS.

 background-clip: padding-box;

Hope this helps. cheers!

Upvotes: 3

Harshit
Harshit

Reputation: 895

try this 

.form-group .form-control {
   outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

Upvotes: 0

Related Questions