css - Remove iOS input shadow -


On iOS (Safari 5) I have to follow the following for the input element (Top Interval Shadow):

example

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

Popular posts from this blog

python - Writing Greek in matplotlib labels, titles -

c# - LINQ to Entities does not recognize the method 'Int32 IndexOf(System.String, System.StringComparison)' method -

Pygame memory leak with transform.flip -