css appearance property


  Translation results:

appearance

# 英语

英 [əˈpɪərəns]

css appearance propertysyntax

Role:The appearance attribute allows you to make an element look like a standard user interface element.

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

Description: normal Renders the element as normal element. icon renders the element as an icon (a small picture). window renders the element into a viewport. button renders the element as a button. A menu presents an element as a set of options for the user to choose from. field renders the element as an input field.

Note: All major browsers do not support the appearance attribute. Firefox supports an alternative -moz-appearance attribute. Safari and Chrome support an alternative -webkit-appearance attribute.

css appearance propertyexample

<!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>
Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A