Css override remove unused bootstrap styles

Question

Hi, I want to remove unused styles in css or override them. The standard style is as follows:

.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);

I want to do it

.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;
}

I use bootsrtrap-override.css for this purpose

but only the value changes background-color. How to delete the rest unused? I do not want to delete it in the css source file!

Answer 1

If "How to remove the remaining unused?" you mean reset CSS so that there is no gradient, etc., then you will need to reset those properties in 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

• unset -
• initial -
• inherit -

, initial , go IF, Internet Explorer, , , 2 - 3 - Microsoft Edge.

browserstats http://caniuse.com, .

.

dd-mm-yyyy

Answer 2

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>

Hide result

,

Answer 3

css

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