First time here? Check out the FAQ!
0

How to fix the search bar bug on iPad

There is a skin bug of the search bar on iPad - it is shifted. does someone know how to fix the css ?

Toms's avatar
767
Toms
asked 2012-08-13 16:32:59 -0600
edit flag offensive 0 remove flag close merge delete

Comments

add a comment see more comments

1 Answer

2

This is a well-known problem with iOS devices: they tend to override the defaults for all sorts of form elements, including buttons, checkboxes, radio buttons, etc. To fix this particular problem, try adding this custom CSS:

input[type="text"] {
    -webkit-appearance: none;
}

That's worked for me. I'm putting together a highly hacked theme for Askbot for my site and this problem was vexing me.

mcg's avatar
86
mcg
answered 2012-08-13 22:42:18 -0600
edit flag offensive 0 remove flag delete link

Comments

@mcg can I see your site link. Thanks.

pajju's avatar pajju (2012-08-14 06:03:55 -0600) edit

Sure, but please be gentle. I am still working on it heavily. http://ask.cvxr.com

mcg's avatar mcg (2012-08-14 14:53:56 -0600) edit

@mcg I see no effect. I've addet it to the custom css field on mysite.com/settings/GENERAL_SKIN_SETTINGS/

Toms's avatar Toms (2012-08-21 07:41:44 -0600) edit

I added it right into the skin's CSS file. Make sure to use the CSS inspector to see if it is not being overridden by other style entries.

mcg's avatar mcg (2012-08-23 16:25:55 -0600) edit
add a comment see more comments