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

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -