-webkit-appearance: caret; removes input border from android and windows browsers

Question

i just write this line

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

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

Answer 1

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.