appearance
appearance 属性规定元素看上去像标准的用户界面元素。
语法
appearance: normal|icon|window|button|menu|field;
值
| 值 | 描述 |
|---|---|
| normal | 将元素呈现为常规元素。 |
| icon | 将元素呈现为图标（小图片）。 |
| window | 将元素呈现为视口。 |
| button | 将元素呈现为按钮。 |
| menu | 将元素呈现为一套供用户选择的选项。 |
| field | 将元素呈现为输入字段。 |
例子
HTML
<div class="stage">appearance</div>
CSS
.stage {
width:100px;
text-align:center;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
执行结果
appearance