Skip to content

Instantly share code, notes, and snippets.

@tankbar
Last active April 3, 2017 06:38
Show Gist options
  • Save tankbar/13ab2603809e6a3ff6f65e9983a451e1 to your computer and use it in GitHub Desktop.
Save tankbar/13ab2603809e6a3ff6f65e9983a451e1 to your computer and use it in GitHub Desktop.
-webkit CSS reset
-webkit-tap-highlight-color: rgba(0,0,0,0); // remove default hightlight color on links
-webkit-user-select: none; //prevent user from selecting
-webkit-text-size-adjust: none; //don't allow zooming of text (probaly not wise to use)
-webkit-font-smoothing: antialiased; // (Nice display of custom fonts on webkit, also don't use font-weight: bold; use the weight of the font eg: font-weight: 400;
-webkit-appearance: none; //remove native styling added by ios to form elements
-webkit-backface-visibility: hidden; //fix flickering in ios when animated element is larger than the screen width
/* Fix html5 datepicker arrow when using twitter bootstrap and chrome */
input[type=date]::-webkit-calendar-picker-indicator {
display: inline-block;
}
/* Remove ugly webkit input shadow */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
-webkit-appearance: caret;
-moz-appearance: caret; /* mobile firefox too! */
}
/* Nice reset */
html * {
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent; /* turn off default press states */
-webkit-touch-callout: none; /* disable save image on long press */
-webkit-user-select: none; /* disable selection copy/paste */
-webkit-user-drag: none; /* disable dragging images */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment