在不同浏览器上隐藏/显示CSS

在firefox和internet explorer上，HTML5中的下拉列表（选择列表）显示为选项加上可单击的选项卡以启动下拉列表

在chrome上，同样的命令没有可见的显示，当单击下拉列表时，我希望有一种方式可以显示显示选项不是唯一的选项（不用说“这是一个下拉列表”）

当我在chrome上开发的时候，我继续将它添加到css中，并围绕着select

dropdownlabel{
    position: relative;
}
dropdownlabel:after {
    content: '>';
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px; top: 0px;
    font-size: 15px;
    position: absolute;
    pointer-events: none;
}

dropdownlabel:before {
    content: '';
    right: 6px; top:0px;
    width: 20px; height:20px;
    position: absolute;
    pointer-events: none;
    display: block;
}

问题是，现在在InternetExplorer和firefox上有一个下拉指示器和一个向下的“>”。我将如何在firefox和internet explorer上隐藏此CSS

或者，如果这是一种更好的方法，我将如何只在Chrome上显示它

---

我听说过媒体查询，可以只显示特定浏览器的CSS，但我找不到任何关于隐藏firefox或internet explorer的CSS的信息

一个可能适合您的有趣解决方案是使用媒体查询，尽管这是一种非正统的方式

特别是，调用仅针对webkit浏览器的媒体查询（因此不包括IE和FF）

---

这主要是因为除了IE之外，任何浏览器都不可能在HTML中使用条件注释。好的，我该如何将我已经拥有的css的标题（类名）添加到您编写的内容中？在“屏幕”后面或者括号后面？在两个{}之间添加上面的CSS。澄清一下：这将使CSS只影响基于Webkit的浏览器。要获取webkit浏览器的列表，请参阅：并删除/*您的CSS*/注释，很明显：啊，当你说你的CSS时，你的意思是字面意思！非常好，谢谢：）

@media screen and (-webkit-min-device-pixel-ratio:0) {

   /* YOUR CSS */

}