以下是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 和它們相關狀態和屬性.
