css - XUL 按钮和文本框抗样式化

Question

给定

<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);" />

没有效果。这有什么技巧吗？

Answer 1

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