css - Remove iOS input shadow -
On iOS (Safari 5) I have to follow the following for the input element (Top Interval Shadow):
I use the top shadow, bug -webkit-appearance < / Code> is not left.
The current style is:
Input {boundary-radius: 15px; Border: 1px dashed #bbb; Padding: 10px; Line-height: 20px; Text align: center; Background: Transparent; Profile: None; -WebKit-Presence: None; -Mouse-presence: none; }
you -webkit-appearance: none; To override the default IOS styles, however, the selection of just the input tags in the CSS will not override the default iOS styles, because iOS is an attribute selector input [type = text] to add styles to it. That's why your CSS will need to use an attribute selector to impose the default IOS CSS styles that are pre-set.
Try it:
input [type = text] {/ * first remove * / -webkit-appearance: none; -Mouse-presence: none; Presence: None; / * Then style * / boundary-radius: 15px; Border: 1px dashed #bbb; Padding: 10px; Line-height: 20px; Text align: center; Background: Transparent; Profile: None; } Useful Links:
You can learn more about presence : < / Em>
If you want to know more about CSS attribute selectors, you can find a very informative article here :
Comments
Post a Comment