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
- - - -