css wpCasa的自定义按钮CSS

Posted 2021-05-13

.btn-custom{
    background-color: #E52232;
    background-image: -moz-linear-gradient(top,#D11C2D ,#E52232);
    background-image: -ms-linear-gradient(top,#D11C2D ,#E52232);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#D11C2D ),to(#E52232));
    background-image: -webkit-linear-gradient(top,#D11C2D ,#E52232);
    background-image: -o-linear-gradient(top,#D11C2D ,#E52232);
    background-image: linear-gradient(top,#D11C2D ,#E52232);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.Microsoft.gradient(startcolorstr='#D11C2D',endcolorstr='#E52232',gradienttype=0);
    border-color: #E52232#E52232#555555;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.Microsoft.gradient(enabled=false);
}

.btn-custom:hover, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled] {
    background-color: #E52232;
}

.btn-custom, .btn-custom:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    color: white!important;
}