如何覆盖-webkit-appearance

时间:2014-10-07 22:32:31

标签: css

我有以下由Javascript注入的CSS:

select {
    -webkit-appearance: none;
}

如果我打开Chrome开发者工具并取消选中该属性,则看起来不错。我将如何在CSS中覆盖此属性?

2 个答案:

答案 0 :(得分:6)

外观属性用于根据用户操作系统的主题使用基于平台的样式显示元素。”

以下是一些可用选项:

  • 按钮
  • 按钮锥
  • 插入符号
  • 复选框
  • 默认按钮
  • 列表框
  • 列表项
  • 媒体全屏按钮
  • 媒体静音按钮
  • 媒体播放按钮
  • 媒体寻求-后退按钮
  • 媒体寻求个前进按钮
  • 媒体滑块
  • 媒体sliderthumb
  • 的菜单列表
  • 的菜单列表按钮
  • 的菜单列表文本
  • 的菜单列表-文本字段
  • 按钮
  • 无线电
  • searchfield
  • searchfield-取消按钮
  • searchfield装饰
  • searchfield-结果按钮
  • searchfield-结果装饰
  • 滑块水平
  • 滑块垂直
  • sliderthumb水平
  • sliderthumb垂直
  • 方按钮
  • textarea的
  • 文本字段

更多关注mozilla:

https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance

http://www.w3schools.com/cssref/css3_pr_appearance.asp

这是CSS3的一个例子,所以你应该意识到它的可比性:

http://i.imgur.com/NajSN0O.png

答案 1 :(得分:4)

Maverick的答案是正确的,但具体而言,我发现以下内容将滚动条放回选择项目:

select{
    -webkit-appearance: menulist
}