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 The current style is: you Try it: Useful Links: You can learn more about If you want to know more about CSS attribute selectors, you can find a very informative article here : -webkit-appearance < / Code> is not left.
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; }
-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.
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; }
presence : < / Em>
Comments
Post a Comment