1

i just write this line

input, textarea{-webkit-appearance: caret;-moz-appearance: caret;}

remove input border screenshot Original Designs

Webkit-appearance just remove the inner shadows from ios input but it also removes the input borders from the windows and android webkit browsers.

Daan
  • 2,680
  • 20
  • 39
Sam IR
  • 878
  • 1
  • 8
  • 15
  • I think to remove the inner shadow, you can try setting your own border (which will override the default) or maybe there is another way than using `appearance:caret` – King King May 09 '14 at 06:17
  • In input and textarea boxes, there is my own css border. not the default one. – Sam IR May 09 '14 at 06:34

1 Answers1

2

From: Remove iOs input shadow

You should try removing the browser-specific styling with appearance: none;

/* Remove First */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Then Style */

...using your own bespoke styling.

Community
  • 1
  • 1
Francis Booth
  • 676
  • 6
  • 11