勾选条

CSS3 appearance 属性

appearance的主要作用是取消组件的原有样式，这样我们就可以把一个勾选框改成任何我们想看到的东西

实例

使 div 元素看上去像一个按钮：

div
{
appearance:button;
-moz-appearance:button; /* Firefox /
-webkit-appearance:button; / Safari and Chrome */
}

[尝试一下
»]{.ul}

浏览器支持

所有主流浏览器都不支持 appearance 属性。

Firefox 支持替代的 -moz-appearance 属性。

Safari 和 Chrome 支持替代的 -webkit-appearance 属性。

标签定义及使用说明

appearance 属性允许您使元素看上去像标准的用户界面元素。

---

默认值: normal

---

继承: no

版本: CSS3

JavaScript object object.style.appearance=”button”
语法:

---

语法

appearance: normal|icon|window|button|menu|field;

---

值 说明

---

normal 正常呈现元素

icon 作为一个小图片的呈现元素

window 作为一个视口呈现元素

button 作为一个按钮，呈现元素

menu 作为一个用户选项设定呈现元素选择

field 作为一个输入字段呈现元素

DOCTYPE html>

默认未选中

默认选中 默认未选中,简单的背景过渡效果,加mui-switch-animbg类即可

默认选中

默认未选中，过渡效果，加 mui-switch-anim 类即可 默认选中