购物车
登陆 / 注册
微信扫码登陆

推荐手册

-webkit-appearance

-webkit-appearance
改变按钮和其他控件的外观,使其类似于原生控件
编辑:前端控 前端控 更新时间:2019-01-28 09:11:05

-webkit-appearance

说明:

改变按钮和其他控件的外观,使其类似于原生控件。
  • -webkit-appearance 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
  • 此属性非标准且渲染效果在不同浏览器下不同,有些属性值甚至不支持,请慎用。

语法:

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

默认值none

兼容性:

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

取值:

-webkit-appearance取值代码效果介绍ChromeSafariiOS SafariAndroid 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的风格不支持不支持不支持不支持
网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号