CSS3 appearance屬性用於修改元素的預設的樣式,改變元素的外觀。
CSS3 appearance屬性
作用:appearance 屬性可讓您讓元素看上去像標準的使用者介面元素。
語法:
appearance: normal|icon|window|button|menu|field;
屬性值:
● normal:正常呈現元素
##●● icon :作為一個小圖片來呈現元素。 ● window:作為一個視窗來呈現元素。 ● button:作為一個按鈕來呈現元素。 ● menu:作為一個使用者選項設定來呈現元素選擇。 ● field:作為一個輸入欄位來呈現元素。說明:IE和Opera不支援appearance屬性;Firefox需要添加-moz-前綴,支援-moz-appearance屬性;Safari 和Chrome需要添加前綴-webkit-,支援-webkit -appearance屬性。
CSS3 appearance屬性的使用範例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(php.cn)</title> <style> .butto { padding:10px; appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari and Chrome */ </style> </head> <body> <div class="butto">测试文本--butto</div> </body> </html>
以上是CSS3 appearance屬性怎麼用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!