checkbox不显示,试试去掉-webkit-appearance这个样式
发布日期:2021-06-30 11:49:11
浏览次数:2
分类:技术文章
本文共 2665 字,大约阅读时间需要 8 分钟。
自用的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尚不明确
转载地址:https://jackiehao.blog.csdn.net/article/details/104794073 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
网站不错 人气很旺了 加油
[***.192.178.218]2024年04月21日 18时32分06秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
数据库访问接口
2019-04-30
启动 MySQL服务
2019-04-30
登录MySQL数据库
2019-04-30
MySQL 常用图形管理工具
2019-04-30
MySQL 创建数据库
2019-04-30
查看MySQL数据库定义信息
2019-04-30
MySQL 查看存储引擎
2019-04-30
MySQL 删除数据库
2019-04-30
TypeScript 安装
2019-04-30
TypeScript 基础类型
2019-04-30
typescript 用name作为变量名报错的原因
2019-04-30
TypeScript 变量声明
2019-04-30
typeScript 变量作用域
2019-04-30
TypeScript 运算符
2019-04-30
TypeScript 条件语句
2019-04-30
微信小程序 响应的数据绑定
2019-04-30
微信小程序框架
2019-04-30
微信小程序 场景值
2019-04-30
微信小程序 APP() 的那些事
2019-04-30
python 第一个程序 hello python
2019-04-30