CSS背景颜色正在safari mac系统中答案

【问题标题】：CSS Background color is taking in safari mac systemCSS背景颜色正在safari mac系统中
【发布时间】：2014-08-02 17:27:54
【问题描述】：

我为下拉菜单编写了 css，并在其上应用了背景颜色。它在 IE 7,8,9,10 , Chrome, FF , safari (window) 上运行良好。但在 mac 系统中它不显示背景颜色。

在 mac 中应用白色背景。

这是我的网站网址http://www.earlylearninghq.org.uk/，请查看搜索框旁边的下拉菜单。

这是我的css代码

 @media screen and (-webkit-min-device-pixel-ratio:0) {
.selecter .selecter-selected { 
  background-color: #80B83B;
  background: url(http://www.earlylearninghq.org.uk/wp-content/themes/10eight/Search-bar-Arrow.png) no-repeat right 3px center; 
  color: #fff; 
  cursor: pointer; 
  display: block; 
  font-size: 13px;
  margin: 0; 
  overflow: hidden; 
  padding: 6px 24px 4px 9px; 
  position: relative; 
  text-overflow: clip; 
  z-index: 2; 
  width: 64px;
  margin-top : -27px;
}

}

谁能帮帮我？

【问题讨论】：

标签： html css safari

【解决方案1】：

只需从您的班级中删除背景属性。好像是申请了两次。

  @media screen and (-webkit-min-device-pixel-ratio:0) {
   .selecter .selecter-selected { 
    background-color: #80B83B;
    /*background: url(http://www.earlylearninghq.org.uk/wp-content/themes/10eight/Search-bar-Arrow.png) no-repeat right 3px center;*/ 
    color: #fff; 
    cursor: pointer; 
    display: block; 
    font-size: 13px;
    margin: 0; 
    overflow: hidden; 
    padding: 6px 24px 4px 9px; 
    position: relative; 
    text-overflow: clip; 
    z-index: 2; 
    width: 64px;
    margin-top : -27px;
   }
 }

【讨论】：