以下是mx3界面文件中 base\control.css 的一段 css :
~~~
/* checkbox button */
a[type="check"]{
behavior: check;
display: inline-block;
cursor: pointer;
margin: 2 0;
padding: 0 4 0 22;
min-width: 22px;
min-height: 18px;
line-height: 18px;
white-space: pre;
text-decoration:none;
background: url(images/check.png) no-repeat 0% 50%;
}
a[type="check"]:checked{
background-image:url(images/checked.png);
}
~~~
默认情况下, `<a>` 标记会作为链接处理.
而在这里, 我们通过给它指定 behavior: check; 为它附加了复选框的交互行为.
在使用时, 此元素会根据用户的点击, 修改自己的 :checked 状态. 从而改变自己的背景图像表现.
不同的 behavior, 在使用时会有不同的状态和相关的属性进行互动.
例如 behavior: menu; 会把附有该行为元素下的` <li>` 元素或设置了 role="menu-item" 属性的元素当作菜单项.
下面的介绍中会简要的描述部分常用 behavior 和它们相关状态和属性.
