First time here? Check out the FAQ!
Ask Your Question
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 ?
 
 
To enter a block of code:
 
     
  • enter empty line after your previous text
    •  
  • paste or type the code
    •  
  • select the code and press the  button above
    •  
 
Preview: (hide)
  
 
 
 
 
 
 Toms's avatar

      767
    
 
 
 
 Toms 
 
 
    asked 12 years ago 
 
 
 
 
        
 
 
 
Comments
 
 
 
  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.
 
 
To enter a block of code:
 
     
  • enter empty line after your previous text
    •  
  • paste or type the code
    •  
  • select the code and press the  button above
    •  
 
Preview: (hide)
  
 
 
 
 
 
 mcg's avatar

      86
    
 
 
 
 mcg 
 
 
    answered 12 years ago 
 
 
 
 
     link   
 
 
 
Comments
 
 
 
 
  
 
 
 
@mcg can I see your site link. Thanks.
 
 
 pajju's avatar pajju (12 years ago)   
 
 
  
 
 
  
 
 
 
Sure, but please be gentle. I am still working on it heavily. http://ask.cvxr.com
 
 
 mcg's avatar mcg (12 years ago)   
 
 
  
 
 
  
 
 
 
@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 (12 years ago)   
 
 
  
 
 
  
 
 
 
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 (12 years ago)   
 
 
  
 
  see more comments