appearance
外觀
英 [??p??r?ns] 美 [??p?r?ns]
css appearance屬性 語(yǔ)法
作用:appearance 屬性允許您使元素看上去像標(biāo)準(zhǔn)的用戶界面元素。
語(yǔ)法:appearance: normal|icon|window|button|menu|field
說明:normal 將元素呈現(xiàn)為常規(guī)元素。 icon 將元素呈現(xiàn)為圖標(biāo)(小圖片)。 window 將元素呈現(xiàn)為視口。 button 將元素呈現(xiàn)為按鈕。 menu 將元素呈現(xiàn)為一套供用戶選擇的選項(xiàng)。 field 將元素呈現(xiàn)為輸入字段。
注釋: 所有主流瀏覽器都不支持 appearance 屬性。Firefox 支持替代的 -moz-appearance 屬性。Safari 和 Chrome 支持替代的 -webkit-appearance 屬性。
css appearance屬性 示例
<!DOCTYPE html> <html> <head> <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>一些文本。</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例