html - 背景图像 :url button broke in Chrome

Question

我的按钮在 IE 9、Firfox 8.0.1 中工作得很好，但在最近的 Chrome 中却不是今天的(我这样说是因为我刚刚下载并测试了 Chrome，它工作正常)或 IE8。

.descbutton
{
   background-image:url('../images8/arrow-down4.jpg');
   background-repeat:no-repeat;
   height:20px;
   width:20px;
   float:right;
   border:none;
}

我的 QA 弄坏了我的按钮，我不知道如何解决这个问题。它们显示边界；他们不应该这样，图像是空白的。经过广泛搜索后，我请女士们和男士们帮忙。

还认为我应该包含嵌套在其中的代码。

.infoTable2  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

<td width="120" class= "infoTable2">

Answer 1

我遇到了同样的问题，我已经解决了。希望您的情况也是如此。

检查按钮是否在任何地方继承样式属性 appearance 或特定变体 -webkit-appearance, -moz-appearance.

我有 appearance:button; 并且它阻止了背景图像显示在我的按钮上。