Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html safari mac系统采用CSS背景色_Html_Css_Safari - Fatal编程技术网

Html safari mac系统采用CSS背景色

Html safari mac系统采用CSS背景色,html,css,safari,Html,Css,Safari,我已经为下拉列表编写了css,并在其上应用了背景色。它在IE 7、8、9、10、Chrome、FF、safari(窗口)上工作良好。但在mac系统中,它不显示背景色 在mac中,它使用白色背景 这是我的网站url,在搜索框旁边的下拉列表中有“查看” 这是我的css代码 @media screen and (-webkit-min-device-pixel-ratio:0) { .selecter .selecter-selected { background-color: #80B83B

我已经为下拉列表编写了css,并在其上应用了背景色。它在IE 7、8、9、10、Chrome、FF、safari(窗口)上工作良好。但在mac系统中,它不显示背景色

在mac中,它使用白色背景

这是我的网站url,在搜索框旁边的下拉列表中有“查看”

这是我的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;
}
}


有人能帮我吗?

只需从类中删除背景属性。看起来它应用了两次

  @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;
   }
 }