CSS ISSUE：谷歌浏览器不显示背景图像，因此下拉列表无法正确显示

Question

我开发了一个应用程序，它必须在所有浏览器中使用，尤其是在 Chrome 中。我有使用以下 CSS 的下拉列表，如图所示

.ddlStyle{
    background-image: url("../Images/navigation_bg.jpg");
    background-color:Gray;
    background-color:Gray;
    color: #FFFFFF;
    height:25px;
    width:auto;
    width:100px;
    font-family:Trebuchet MS;
    border:1px;
    border:ThreeDShadow;
}

背景图片在 Chrome 中没有正确加载，在 safari 、 IE 和 Mozilla 中工作正常。

你能帮忙吗？

Answer 1

    .ddlStyle{
        background-image: url("../Images/navigation_bg.jpg");
        background-color:Gray;
        background-color:Gray;
        color: #FFFFFF;
        height:25px;
        width:auto;
        width:100px;
        font-family:Trebuchet MS;
        border:1px;
        border:ThreeDShadow;

        -webkit-appearance: none;

      }

试试-webkit-appearance: none;