阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS3 appearance

      CSS3 appearance

      使 div 元素看上去像一个按钮:

      div {
          appearance:button;
          -moz-appearance:button; /* Firefox */
          -webkit-appearance:button; /* Safari and Chrome */
      }
      

      浏览器支持

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

      Firefox 支持替代的 -moz-appearance 属性。

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


      标签定义及使用说明

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

      默认值:normal
      继承:no
      版本:CSS3
      JavaScript 语法:object

      语法

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