XUL按钮和文本框抵制造型

时间:2013-09-05 12:23:22

标签: css firefox-addon xul

鉴于

<button label="Login" class="ATKButton" />

我的CSS定义中只有一些样式正在应用。样式规则出现在DOM检查器中,但有些似乎被忽略了。

这是样式定义,其中包含有关哪些类型的规则有效以及哪些规则被忽略的注释。

.ATKButton{
    background: linear-gradient(#333333, #222222); #ignored
    border: 1px solid #111111; #ignored
    border-radius: 2px 2px 2px 2px; #ignored
    text-transform: uppercase; #ignored
    font-weight: bold; #ignored        
    letter-spacing: 0.1em; #ignored
    text-align:right; #ignored

    color: white; #obeyed
    cursor: pointer; #obeyed        
    font-size: 10px; #obeyed
    height: 28px; #obeyed
    width: 120px; #obeyed
}

我也试过直接应用顽固的风格,比如:

<button label="Login" class="ATKButton" style="background: linear-gradient(#333333, #222222);" />

无效。这有诀窍吗?

1 个答案:

答案 0 :(得分:5)

-moz-appearance将(通常)覆盖此类更改。将其设置为none以禁用特定于平台的外观并改为使用您的样式。