Webkit - appearance #webkit #css

webkit-appearance-definitions.css

/*
 -webkit-appearance: definitions
 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Webkit_Extensions
*/
 
/*
  Only apply to touch devices.
  Font-size at 16px avoids the automatic screen zooming.
*/
html.touch select,
html.touch input {
  font-size: 16px;
}

/*
https://webkit.org/blog/3632/introducing-backdrop-filters/
*/
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);


/* 
 * mobile tap 
 */
 
.element:hover {
  -webkit-tap-highlight-color: transparent;
}

 
-webkit-font-smoothing: subpixel-antialiased; /* Drupal admin; works best with */
-webkit-font-smoothing: antialiased;


/* search field */
-webkit-appearance: none;
border-radius: 0;


/* appearance */
-webkit-appearance: 

none
button
button-bevel
caret
checkbox
default-button
listbox
listitem
media-fullscreen-button	
media-mute-button	
media-play-button	
media-seek-back-button	
media-seek-forward-button	
media-slider	
media-sliderthumb	
menulist
menulist-button	
menulist-text	
menulist-textfield		
push-button	
radio	
searchfield	
searchfield-cancel-button	
searchfield-decoration	
searchfield-results-button	
searchfield-results-decoration	
slider-horizontal, slider-vertical	
sliderthumb-horizontal	
sliderthumb-vertical	
square-button	
textarea	
textfield	
scrollbarbutton-down
scrollbarbutton-left
scrollbarbutton-right
scrollbarbutton-up
scrollbargripper-horizontal
scrollbargripper-vertical
scrollbarthumb-horizontal
scrollbarthumb-vertical
scrollbartrack-horizontal
scrollbartrack-vertical