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
要素を入力フィールドとして表示します.