“Css3 pr appearance”的版本间差异
本页内容
(创建页面,内容为“{{DISPLAYTITLE:appearance}}1 = CSS3 appearance 属性 = 使 div 元素看上去像一个按钮: <sample title="" desc="" lang="html" hererun="1"> div { appearance:button; -moz-appearance:button; →Firefox: -webkit-appearance:button; →Safari and Chrome: } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> div {…”) |
无编辑摘要 |
||
第1行: | 第1行: | ||
{{DISPLAYTITLE:appearance}}[[Category: | {{DISPLAYTITLE:appearance}}[[Category:css reference|213]] | ||
= CSS3 appearance 属性 = | = CSS3 appearance 属性 = | ||
2022年8月19日 (五) 04:48的最新版本
CSS3 appearance 属性
使 div 元素看上去像一个按钮:
示例
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
浏览器支持
所有主流浏览器都不支持 appearance 属性。
Firefox 支持替代的 -moz-appearance 属性。
Safari 和 Chrome 支持替代的 -webkit-appearance 属性。
标签定义及使用说明
appearance 属性允许您使元素看上去像标准的用户界面元素。
默认值: | normal |
继承: | no |
版本: | CSS3 |
JavaScript 语法: | object object.style.appearance="button" |
语法
appearance: normal|icon|window|button|menu|field;
值 | 说明 |
---|---|
normal | 正常呈现元素 |
icon | 作为一个小图片的呈现元素 |
window | 作为一个视口呈现元素 |
button | 作为一个按钮,呈现元素 |
menu | 作为一个用户选项设定呈现元素选择 |
field | 作为一个输入字段呈现元素 |