`
zhangyaochun
  • 浏览: 2637179 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

WebKit私有属性之-webkit-appearance

阅读更多

-webkit-appearance

 

   -----有下列值:

 

 

  • slider-horizontal   --------水平滚动条
  • push-button   -----按钮
  • searchfield     -----搜索框
  • textfield
  • searchfield-cancel-button
  • searchfield-decoration
  • searchfield-results-decoration
  • searchfield-results-button
  • list-button
  • textarea



Gecko下也有一个-moz-appearance


扩展阅读:
0
0
分享到:
评论

相关推荐

    浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color

    需要注意的是,`-webkit-tap-highlight-color`属性是WebKit私有的,这意味着它只在基于WebKit的浏览器(如Safari和Chrome)中生效,尤其是针对iOS设备。在其他浏览器中,可能需要寻找其他方法来实现相同的效果。 接...

    浅析常用的浏览器私有属性

    `-moz-user-select`, `-webkit-user-select`, 和 `-ms-user-select` 是用来控制用户能否选择元素内容的私有属性。它们分别对应Firefox、Chrome/Safari以及Internet Explorer的实现。这些属性有以下几个可选值: 1. ...

    check-skill-progress-bar

    `::-webkit-progress-bar`和`::-webkit-progress-value`选择器用于分别定义进度条容器和已填充部分的样式,这里使用了Webkit内核的私有前缀,因为不是所有浏览器都支持原生的进度条样式修改。 如果`check-skill-...

    浅谈Html5移动端ios/Android兼容性总结

    -webkit-appearance: none; } ``` 在IE10中,去除输入框的清除按钮可以使用如下代码: ```css input:-ms-clear { display: none; } ``` 在处理Flex布局时,不同版本的Android可能不支持`flex-wrap:wrap`,但iOS...

    一些常用的HTML5模式(pattern) 总结

    为了消除iOS中非九宫格键盘的问题,可以使用Webkit私有伪元素来移除小数点按钮: ```css input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: ...

    css移动版兼容性问题记录

    WebKit内核中的某些私有`meta`标签对于开发Web应用程序非常重要。例如,为了确保页面能在不同设备上正确缩放,可以使用以下`meta`标签: ```html <meta content="width=device-width, initial-scale=1.0, maximum...

    详解CSS中@supports的用法

    @supports (display: flex) and (-webkit-appearance: caret) { /* 需要同时满足两个条件的样式 */ } ``` 在使用私有前缀时,@supports同样允许进行检测,这是因为某些浏览器可能只支持特定的前缀形式的CSS属性。...

Global site tag (gtag.js) - Google Analytics