Web速查-索引

appearance

定义

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

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

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

语法

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

属性值

属性 说明
normal 正常呈现元素
icon 作为一个小图片的呈现元素
window 作为一个视口呈现元素
button 作为一个按钮,呈现元素
menu 作为一个用户选项设定呈现元素选择
field 作为一个输入字段呈现元素

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
</style>
</head>
<body>
<p><b>注意:</b> Internet Explorer 和 Opera 不支持 appearance 属性.</p>
<div>nitian.web3v.vip</div>
</body>
</html>

注意: Internet Explorer 和 Opera 不支持 appearance 属性.

nitian.web3v.vip

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
- - - -