css переопределить удалить неиспользуемые стили bootstrap

Question

Привет, я хочу удалить неиспользуемые стили в css или переопределить их. Стандартный стиль выглядит следующим образом:

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { 
background-color: #006dcc; 
background-image: -moz-linear-gradient(to bottom,#08c,#04c); 
background-image: -ms-linear-gradient(to bottom,#08c,#04c); 
background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); 
background-image: -webkit-linear-gradient(to bottom,#08c,#04c); 
background-image: -o-linear-gradient(to bottom,#08c,#04c); 
background-image: linear-gradient(to bottom,#08c,#04c); 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); 
border-color: #04C#04C#002a80; 
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); 
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
color: #fff; 
text-shadow: 0 -1px 0 rgba(0,0,0,.25); 

я хочу, чтобы сделать его

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { 
background-color: #93A630; 
} 

я использую для этой цели bootsrtrap-override.css

но только значение background-color изменений. Как удалить остальные неиспользованные? Я не хочу удалять его в исходном файле css!

Answer 1

Вам нужно установить background-image: none; для того, чтобы фактически превратить цвет вы хотите

Пример:

p { 
 
     background-color: #006dcc; 
 
    background-image: -moz-linear-gradient(to bottom,#08c,#04c); 
 
    background-image: -ms-linear-gradient(to bottom,#08c,#04c); 
 
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); 
 
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c); 
 
    background-image: -o-linear-gradient(to bottom,#08c,#04c); 
 
    background-image: linear-gradient(to bottom,#08c,#04c); 
 
    background-repeat: repeat-x; 
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); 
 
    border-color: #04C#04C#002a80; 
 
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); 
 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
 
    color: #fff; 
 
    text-shadow: 0 -1px 0 rgba(0,0,0,.25); 
 
} 
 

 
p{ 
 
    background-color: #93A630; 
 
    background-image: none; 
 
}

<p>Test</p>

Если я не ответил на ваш вопрос правильно скажите, пожалуйста, так в комментариях

Answer 2

Добавить это в ваш css

background-image: none; 
border: 0; 
text-shadow: none; 

Answer 3

Если по «Как удалить остальные неиспользованные?» вы имеете в виду, как сбросить CSS, чтобы не было градиента и т. Д., Тогда вам придется сбросить эти свойства в bootstrap-override.css.

В CSS используется свойство reset или default, чтобы использовать его последовательно, поэтому вам буквально необходимо переопределить ранее установленный CSS.

Это сделает ваш сниппет выглядеть следующим образом:

.datepicker table tr td span.active, 
.datepicker table tr td span.active:hover, 
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active.disabled:hover { 
    background-color: #93A630; 
    /*additional resets*/ 
    background-image: none; 
    filter: none; 
    border-color: transparent; 
    text-shadow: none; 
} 

Это устранило бы стили, переписав их обычным способом без удаления содержимого из исходного файла.

Поскольку вы уже садились стили для :hover государственных и дополнительных классов, которые вы хорошо идти - но, следить за другие селекторы, которые могут иметь :hover или :active, например, что не находится в исходной reset- селектор!

редактировать 1 (12-11-2015)

После выполнения некоторых погуглите для unset css property я нашел страницы на mdn

1. unset - browser support
2. initial - browser support
3. inherit - browser support

Как вы можете видеть поддержку браузера для чего угодно, кроме initial ничего, кроме хорошего, так что это был бы ваш единственный go IF вы можете отказаться от поддержки Internet Explorer, который, как я думаю, может произойти в течение следующих 2 - 3 лет из-за Новый браузер Microsoft Edge.

browserstats приходит от http://caniuse.com, мой основной источник для проверки совместимости браузера.

Надежды на помощь в ссылках.

Все даты отформатированы ДД-ММ-ГГГГ