文章目录
本文最后更新于 2022-10-14,已超过 365 天未更新,内容可能已失效。

直接代码

如果是RiPro主题,请在后台顶部设置添加自定义CSS。其他主题在对应的CSS样式添加。(其他主题注意按钮名)

/**====按钮加彩====*/
button,html [type="reset"],[type="submit"] {
   /* -webkit-appearance: button;
   background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
    -webkit-animation: hue 6s infinite linear;*/
    display: inline-block;
    background: #42a7ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
    background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    vertical-align: top; 
}

.btn--primary,.btn--secondary,.label-default,.label-warning,.fa-angle-up,.rollbar-item tap-dark,.rollbar-item,.comments-area .comment-author-name .fn.vip{
    display: inline-block;
    background: #42a7ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
    background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    vertical-align: top; 
}

.edit--profile-links li a.active {
    background: #42a7ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
    background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    vertical-align: top;
}

 

CC 许可协议
署名-非商业性使用-相同方式共享 4.0 国际 了解协议
文章链接:https://zptheme.com/1575.html
本文作者:子佩·来源:子佩工作室

除非注明,子佩工作室 文章均为原创,转载请以链接形式标明本文地址。

相关推荐

登录后即可发表评论

社交账号登录

全部评论 (0)