checkbox不显示，试试去掉-webkit-appearance这个样式

自用的reset.css中加入了 -webkit-appearance: none;其他所有表单没有出现问题，但checkbox会不显示

说明：

改变按钮和其他控件的外观，使其类似于原生控件。

-webkit-appearance 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。
此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。

语法：

-webkit-appearance：none | button | button-bevel ....

默认值：none

取值：

-webkit-appearance取值	介绍	Chrome	Safari	iOS Safari	Android Browser
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的风格	不支持	不支持	不支持	不支持

兼容性：

对应的firefox可以使用 -moz-appearance属性
iOS 2.0及更高版本的Safari浏览器可用
Android尚不明确

checkbox不显示，试试去掉-webkit-appearance这个样式相关推荐

怎么将计算机工具栏时间去除,电脑时间显示怎么去掉上午下午
电脑时间显示怎么去掉上午下午以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 电脑时间显示怎么去掉上午下午点开始-设定- ...
小米，华为手机上显示移动端上线项目部分样式不全，已解决！！！
线上移动端样式无故失效: 白框内的字体颜色显示不出来,线上和本地效果在电脑上是好的没问题. 因xsmax手机洋气效果实现无出现差错,尝试小米和华为手机无效,长按白框发现内部框内有显示内容.考虑为手机 ...
WPF实现纵向显示TabControl标题及标题字体样式
WPF实现纵向显示TabControl标题栏通过设置TabStripPlacement属性,标题字体纵向显示则可通过改变TabItem样式,在其中加入TextBlock控件,使用TextWrappin ...
去掉button按钮原有样式
微信小程序--去掉button按钮原有样式问题: 为什么要去掉其原有样式呢? 是因为不去掉,就修改不了自己想要的样式了 .item button{width: 100%;background-col ...
去掉EM标签斜体样式
2019独角兽企业重金招聘Python工程师标准>>> 去掉EM标签斜体样式,初始化代码 em{font-style:normal} 转载于:https://my.oschina.n ...
input样式去掉苹果手机的默认样式
/*去掉苹果短的样式*/ input[type="button"], input[type="submit"], input[type ...
无法显示验证码去掉html,后台登陆验证码无法显示
请问网站后台管理员登陆验证码无法显示怎么解决网站LOGIN.ASP代码是管理员登录管理员登录用户名称: 用户密码: 验证码:
Python 数据全部显示，去掉中间省略号（pandas、...）
import pandas as pdpd.set_option('display.width',None)pd.set_option("display.max_rows", 10 ...
dedeindex php不显示_dede去掉(禁止)首页index.html默认访问最终显示index.php
dede织梦系统,如果我服务器设置默认首页文档读取 index.php ,但是 dede系统index.php是如果存在index.html 就转到index.html 后台更新首页-动态,只是删 ...

checkbox不显示，试试去掉-webkit-appearance这个样式

说明：

语法：

取值：

兼容性：

checkbox不显示，试试去掉-webkit-appearance这个样式相关推荐

最新文章

热门文章