CSS - оригинальная и индивидуальная таблица стилей - правильный способ перезаписи стилей

Question

Я использую тему wordpress, которая использует собственный стиль кнопок. Следующие строки являются частью CSS:

.button { 
background: #333 !important; 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#222)) !important; 
background: -moz-linear-gradient(0% 0% 270deg,#333, #222) !important; 
} 

Я использую свой собственный лист пользовательских стилей, и я хотел бы переписать эти стили, но все, что мне нужно сделать, чтобы изменить цвет фона и удалить градиент ,

Если бы я только держать линию изменения цвета фона в моем стиле листа, как это:

.button { 
background: #353535 !important; 
} 

тогда градиент еще отображающее, потому что это в оригинальной таблице стилей.

Если я установил линии градиента как background: none;, то это повлияет на первую строку, где я изменил цвет, поэтому ничего не будет отображаться.

Так что я сделал это таким образом, вместо того, чтобы:

.button { 
    background: #353535 !important; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#), to(#)) !important; 
    background: -moz-linear-gradient(0% 0% 270deg,#, #) !important; 
    } 

Я снял цвета градиента.

Это работает, но это, вероятно, не способ сделать это.

Есть ли способ удалить стили градиента в пользовательскую таблицу стилей CSS?

Answer 1

С точки зрения HTML/CSS: градиенты - это не цвета, а изображения.

Таким образом, просто удалите фоновое изображение.

background-image: none;