今天小編就為大家?guī)?lái)一篇CSS3 appearance屬性使用的文章。小編覺(jué)得挺不錯(cuò)的，為此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設(shè)服務(wù)，提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)網(wǎng)站開(kāi)發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計(jì),自適應(yīng)網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格網(wǎng)站,提供周到的售前咨詢(xún)和貼心的售后服務(wù)。歡迎咨詢(xún)做網(wǎng)站需要多少錢(qián):13518219792

CSS3 appearance屬性用于修改元素的默認(rèn)的樣式，改變?cè)氐耐庥^。

CSS3  appearance屬性

作用：appearance 屬性允許您使元素看上去像標(biāo)準(zhǔn)的用戶界面元素。

語(yǔ)法：

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

屬性值：

●　normal：正常呈現(xiàn)元素

●　icon：作為一個(gè)小圖片來(lái)呈現(xiàn)元素。

●　window：作為一個(gè)視口來(lái)呈現(xiàn)元素。

●　button：作為一個(gè)按鈕來(lái)呈現(xiàn)元素。

●　menu：作為一個(gè)用戶選項(xiàng)設(shè)定來(lái)呈現(xiàn)元素選擇。

●　field：作為一個(gè)輸入字段來(lái)呈現(xiàn)元素。

說(shuō)明：IE和Opera不支持appearance屬性；Firefox需要添加-moz-前綴，支持 -moz-appearance屬性；Safari 和 Chrome需要添加前綴-webkit-，支持 -webkit-appearance屬性。

CSS3  appearance屬性的使用示例

 




測(cè)試文本--butto

效果圖：

說(shuō)明：由于 appearance屬性還沒(méi)有成為標(biāo)準(zhǔn)，在渲染時(shí)，仍然是各瀏覽器各自為政，還無(wú)法達(dá)到統(tǒng)一的標(biāo)準(zhǔn)。因此，在不同瀏覽器中會(huì)得到不同的渲染效果。

看完上訴內(nèi)容，你們掌握CSS3 appearance屬性的使用方法了嗎？如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！