CSS : where are the white background borders on textboxes coming from?

Question

我有以下页面:

http://www.jameschang.com/faxlogic/

在登录部分右上角的 4 个 Angular 上，文本框有这些白色边框。

我有这些文本框的以下 css 属性:

.HeaderLoginField {
    background-image: url(../content/login_field.png);
    float: left;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    color: #969696;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    height: 25px;
    width: 160px;
    text-indent: 3px;
    background-color: #0F0F0F;
    background-repeat: no-repeat;
    font-weight: normal;
}

知道为什么会发生这种情况吗？我已将 png 图像更改为 gif，它们消失了，但我想使用 png。任何想法为什么会这样？

提前致谢

Answer 1

它绝对是您正在使用的图像，我使用 Firebug 检查了元素，当禁用/启用背景图像时，白 Angular 消失了!