![图片[1]- RiPro主题按钮加彩色](https://www.dh139.cn/wp-content/uploads/2025/05/3-4.jpg)
为RiPro主题按钮加彩色(动态)
直接代码
如果是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;
}
/**====按钮加彩结束====*/
© 版权声明
点点赞赏,手留余香~
还没有人给TA充电
给TA充电
声明
花猪使用须知
- 1本网站内容仅供个人学习、研究和欣赏,未经授权禁止用于任何商业用途。
- 2网站中的代码示例仅用于教育目的,使用时请遵循相关开源协议和授权规定。
- 3转载或引用本站内容请注明出处,尊重原创,共同维护良好的创作环境。
- 4网站评论区欢迎理性讨论,请勿发表违反法律法规的言论,共建和谐社区。
- 5如有内容侵犯您的权益,请通过博客联系方式告知,将立即核实并处理。
- 6使用本站资源时产生的任何问题与后果需自行承担,请谨慎操作。
THE END
喜欢就支持一下吧
相关推荐






![[翎风引擎]独家天刀沉默II代新天命玩法专属单职业版-武学系统-强大后台-自动回收- 花猪资源网](https://www.dh139.cn/wp-content/uploads/2025/12/1-651x500.jpg)














暂无评论内容