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

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

1 div
2 {
3 appearance:button;
4 -moz-appearance:button; /* Firefox */
5 -webkit-appearance:button; /* Safari 和 Chrome */
6 }

浏览器支持

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

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

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

 

语法

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

值	描述
normal	将元素呈现为常规元素。
icon	将元素呈现为图标（小图片）。
window	将元素呈现为视口。
button	将元素呈现为按钮。
menu	将元素呈现为一套供用户选择的选项。
field	将元素呈现为输入字段。

转载于:https://www.cnblogs.com/White-Quality/p/4545901.html