First time here? Check out the FAQ!

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
asked 2012-08-13 16:32:59 -0500
edit flag offensive 0 remove flag close merge delete


add a comment see more comments

1 Answer


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
answered 2012-08-13 22:42:18 -0500
edit flag offensive 0 remove flag delete link


@mcg can I see your site link. Thanks.

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

Sure, but please be gentle. I am still working on it heavily.

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

@mcg I see no effect. I've addet it to the custom css field on

Toms's avatar Toms (2012-08-21 07:41:44 -0500) 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 -0500) edit
add a comment see more comments