CSS3 的 appearance用法

素颜马尾好姑娘i 2022-10-01 13:43 172阅读 0赞

**Webkit下的appearance属性值**

checkbox
    radiopush-button
    square-button
    button
    button-bevel
    listbox
    listitem
    menulist
    menulist-button
    menulist-text
    menulist-textfield
    scrollbarbutton-up
    scrollbarbutton-down
    scrollbarbutton-left
    scrollbarbutton-right
    scrollbartrack-horizontal
    scrollbartrack-vertical
    scrollbarthumb-horizontal
    scrollbarthumb-vertical
    scrollbargripper-horizontal
    scrollbargripper-vertical
    slider-horizontal
    slider-vertical
    sliderthumb-horizontal
    sliderthumb-vertical
    caret
    searchfield
    searchfield-decoration
    searchfield-results-decoration
    searchfield-results-button
    searchfield-cancel-button
    textfield
    textarea

**Mozilla下的appearance属性值**

none
    button
    checkbox
    checkbox-container
    checkbox-small
    dialog
    listbox
    menuitem
    menulist
    menulist-button
    menulist-textfield
    menupopup
    progressbar
    radio
    radio-container
    radio-small
    resizer
    scrollbar
    scrollbarbutton-down
    scrollbarbutton-left
    scrollbarbutton-right
    scrollbarbutton-up
    scrollbartrack-horizontal
    scrollbartrack-vertical
    separator
    statusbar
    tab
    tab-left-edge Obsolete
    tabpanels
    textfield
    textfield-multiline
    toolbar
    toolbarbutton
    toolbox
    -moz-mac-unified-toolbar
    -moz-win-borderless-glass
    -moz-win-browsertabbar-toolbox
    -moz-win-communications-toolbox
    -moz-win-glass
    -moz-win-media-toolboxtooltip
    treeheadercell
    treeheadersortarrow
    treeitem
    treetwisty
    treetwistyopen
    treeview
    window

转载于:https://blog.51cto.com/dd118/1767764

发表评论取消回复

表情：

评论列表（有 0 条评论，172人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS3中的注释标记及其用法

CSS（层叠样式表）是一种用于描述网页上元素样式的语言。在CSS3中，我们可以使用注释标记来添加注释，以便在代码中记录相关信息或者临时禁用某些样式规则。本文将介绍CSS3注释标

秒速五厘米/ 2023年10月16日 18:16/ 0 赞/ 98 阅读

相关 CSS3 的 appearance用法

Webkit下的appearance属性值 checkbox radiopush-button square-button button

素颜马尾好姑娘i/ 2022年10月01日 13:43/ 0 赞/ 173 阅读

相关 css3中的box-sizing的用法

在css3中box-sizing属性: content-box box-size inherit content-box是css2.1规定的元素的宽度

淡淡的烟草味﹌/ 2022年07月19日 02:30/ 0 赞/ 210 阅读

相关 css3中的border-image用法

[css3\_快速弄明白border-image][css3_border-image] [鑫空间链接—][Link 1] [ CSS3 bord

水深无声/ 2022年07月16日 13:08/ 0 赞/ 190 阅读

相关 css3中的skew的用法

skew(xdeg,ydeg);用于斜拉变换。当只有一个参数时，第二个参数为0. [链接][Link 1] [Link 1]: http://zyxn.bl

以你之姓@/ 2022年06月18日 00:51/ 0 赞/ 193 阅读

相关 css3中transform-style的用法

设置内嵌的元素在 3D 空间如何呈现。 transform-style:flat(默认)|perserve-3d [链接1][1] [例子1][1 1]

深藏阁楼爱情的钟/ 2022年06月18日 00:45/ 0 赞/ 186 阅读

相关 CSS3媒体查询@media的简单用法

使用 @media 查询，可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式。常用来做响应式开发，一套代码可以兼容设备。提高代码的复用性和

我会带着你远行/ 2022年06月01日 04:54/ 0 赞/ 240 阅读

相关 css3 中的calc用法

定义与用法 calc() 函数用于动态计算长度值。 1.需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 2.

柔光的暖阳◎/ 2022年05月21日 04:23/ 0 赞/ 232 阅读

相关 css3——border-image属性的用法

项目需求是实现鼠标移到按钮上时，下方显示一张渐变的三角图片，于是想到使用border-image来实现。实现要使用图片做边框背景我们至少需要`border-image-so

旧城等待，/ 2021年12月23日 11:21/ 0 赞/ 323 阅读

相关 CSS3 弹性盒子用法

弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex

偏执的太偏执、/ 2021年11月02日 01:58/ 0 赞/ 321 阅读