I wanted to make an open discussion about if default browser styles should be integrated/used to reduce the amount of CSS or giving more focus on setting the styles for each browser the same.
Adding appearance: none to all form elements and updates the styles for each property e.g. border, box-shadow, outline, etc. Therefore the elements could be customized even more.
Just adding missing properties to override browser defaults
I wanted to make an open discussion about if default browser styles should be integrated/used to reduce the amount of CSS or giving more focus on setting the styles for each browser the same.
appearance: none
to all form elements and updates the styles for each property e.g.border
,box-shadow
,outline
, etc. Therefore the elements could be customized even more.Screenshot from iPhone in Safari