2013-09-05 2 views
2

Учитываякнопки и текстовые поля XUL сопротивляются стиль

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

только некоторые из стилей в моем определении C применяются. Правила стиля отображаются в инспекторе 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);" /> 

никакого эффекта. Есть ли уловка?

ответ

4

-moz-appearance будет (обычно) отменять такие изменения. Установите его на none, чтобы отключить внешний вид платформы и использовать вместо этого свои стили.

+0

Отлично, спасибо! – Nick

Смежные вопросы