Remove iOS input shadow

by

You’ll need to use -webkit-appearance: none; to override the default IOS styles. However, selecting just the input tag in CSS will not override the default IOS styles, because IOS adds it’s styles by using an attribute selector input[type=text]. Therefore your CSS will need to use an attribute selector to override the default IOS CSS styles that have been pre-set.

Try this: 

input[type=text] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
    border-radius: 15px;
    border: 1px dashed #BBB;
    padding: 10px;
    line-height: 20px;
    text-align: center;
    background: transparent;
    outline: none;    
}

Helpful Links:

You can learn more about appearance here:

http://css-tricks.com/almanac/properties/a/appearance/

If you’d like to learn more about CSS attribute selectors, you can find a very informative article here:

http://css-tricks.com/attribute-selectors/

More Related Contents:

  1. iPhone 6 and 6 Plus Media Queries
  2. iframe size with CSS on iOS
  3. How do I stop my fixed navigation from moving like this when the virtual keyboard opens in Mobile Safari?
  4. background-size: cover not working on iOS
  5. Using custom fonts in WKWebView
  6. iPhone / iOS : Presenting HTML 5 Keyboard for Postal Codes
  7. remove grey background on link clicked in ios safari / chrome / firefox
  8. Go vs. return button in iOS keyboard for HTML input forms
  9. Fix CSS hover on iPhone/iPad/iPod
  10. UICollectionView Self Sizing Cells with Auto Layout
  11. Set the maximum character length of a UITextField
  12. How to resize superview to fit all subviews with autolayout?
  13. Drawing UIBezierPath on code generated UIView
  14. In iOS, how do I create a button that is always on top of all other view controllers?
  15. How to read data structure from .plist file into NSArray
  16. Facebook SDK login never calls back my application on iOS 9
  17. Is it possible to disable floating headers in UITableView with UITableViewStylePlain?
  18. Programmatically switching between tabs within Swift
  19. How to use CGAffineTransformMakeRotation?
  20. Decode Base-64 encoded PNG in an NSString
  21. Xcode – ld: library not found for -lPods
  22. Adding Thousand Separator to Int in Swift
  23. single function to dismiss all open view controllers
  24. Trying to understand CMTime
  25. The executable gets signed with invalid entitlements in Xcode
  26. Why would a `scheduledTimer` fire properly when setup outside a block, but not within a block?
  27. How to use static cells in UITableView without using Storyboards?
  28. Detect backspace Event in UITextField
  29. How to use UnsafeMutablePointer in Swift 3?
  30. Modal segue, navigation bar disappears

Leave a Comment