-webkit-appearance导致checkbox复选框消失

-webkit-appearance: none会清除WebKit引擎浏览器默认样式，有时会很有用，但使用这个样式后会导致checkbox复选框和radio单选框消失。

解决办法：

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
input[type="radio"] {
	-webkit-appearance: radio;
}

添加以上CSS即可解决-webkit-appearance导致checkbox复选框和radio单选框消失问题。

-webkit-appearance属性值列表：

• none：去除系统默认appearance的样式，常用于IOS下移除原生样式
• button：渲染成button的风格
• button-bevel：渲染成button-bevel的风格
• caret：渲染成caret的风格
• checkbox：渲染input:checkbox样式的复选框按钮
• listbox：渲染为listbox样式的复选框按钮
• listitem：渲染成listitem的风格
• media-fullscreen-button：渲染成media-fullscreen-button的风格
• media-mute-button：渲染成media-mute-button的风格
• media-seek-back-button：渲染成media-seek-back-button的风格
• media-seek-forward-button：渲染成media-seek-forward-button的风格
• media-slider：渲染成media-slider的风格
• media-sliderthumb：渲染成media-sliderthumb的风格
• menulist：渲染成menulist的风格
• menulist-button：渲染成menulist-button的风格
• menulist-text：渲染成menulist-text的风格
• menulist-textfield：渲染成menulist-textfield的风格
• push-button：渲染成push-button的风格
• radio：渲染成radio的风格
• searchfield：渲染成searchfield的风格
• searchfield-cancel-button：渲染成searchfield-cancel-button的风格
• searchfield-decoration：渲染成searchfield-decoration的风格
• searchfield-results-button：渲染成searchfield-results-button的风格
• searchfield-results-decoration：渲染成searchfield-results-decoration的风格
• slider-horizontal：渲染成slider-horizontal的风格
• slider-vertical：渲染成slider-horizontal的风格
• sliderthumb-horizontal：渲染成sliderthumb-horizontal的风格
• sliderthumb-vertical：渲染成sliderthumb-vertical的风格
• square-button：渲染成square-button的风格
• textarea：渲染成textarea的风格
• textfield：渲染成textfield的风格
• scrollbarbutton-down：渲染成scrollbarbutton-down的风格
• scrollbarbutton-left：渲染成scrollbarbutton-left的风格
• scrollbarbutton-right：渲染成scrollbarbutton-right的风格
• scrollbargripper-horizontal：渲染成scrollbargripper-horizontal的风格
• scrollbargripper-vertical：渲染成scrollbargripper-vertical的风格
• scrollbarthumb-horizontal：渲染成scrollbarthumb-horizontal的风格
• scrollbarthumb-vertical：渲染成scrollbarthumb-vertical的风格
• scrollbartrack-horizontal：渲染成scrollbartrack-horizontal的风格
• scrollbartrack-vertical：渲染成scrollbartrack-horizontal的风格

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。