How to fix the search bar bug on iPad

Question

asked 2012-08-13 16:32:59 -0500

Toms
661 ● 19 ● 6 ● 34

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

Answer 1

2

answered 2012-08-13 22:42:18 -0500

mcg
74 ● 2 ● 5

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.

link publish delete flag offensive edit

Comments

@mcg can I see your site link. Thanks.

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

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

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

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

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 ( 2012-08-23 16:25:55 -0500 )edit

How to fix the search bar bug on iPad

1 Answer

Comments

Your answer

Reliable Askbot Hosting

Question tools

Stats

Related questions