Rumah >hujung hadapan web >tutorial css >CSS3 appearance属性怎么用？
CSS3 appearance属性怎么用？
- 青灯夜游asal
- 2019-02-20 13:22:065206semak imbas
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>效果图：
说明：由于 appearance属性还没有成为标准，在渲染时，仍然是各浏览器各自为政，还无法达到统一的标准。因此，在不同浏览器中会得到不同的渲染效果。
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。
Atas ialah kandungan terperinci CSS3 appearance属性怎么用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css3 icon属性怎么用？Artikel seterusnya：css border-bottom属性怎么用？