vue el-button样式自定义

最新推荐文章于 2024-07-22 22:17:24 发布

吃不胖的猫o(=^ェ^=)m

最新推荐文章于 2024-07-22 22:17:24 发布

阅读量5.6k

点赞数 2

分类专栏： Element UI 文章标签： css

本文链接：https://blog.csdn.net/Yueqin0512/article/details/119696754

版权

本文介绍了在Vue项目中如何自定义element-ui的el-button样式，包括按钮的三种状态和添加背景图片的方法，同时也提到可以通过附加样式来改变按钮的默认外观。此外，还讨论了利用按钮进行界面切换的实现。

摘要由CSDN通过智能技术生成

按钮的三种状态

/* 更改elememt-ui地固定样式 */
/*按钮的背景颜色样式*/
.el-button--primary {
   
  background-color: rgb(247, 146, 146) !important;
}
/*鼠标经过*/
.el-button--primary:hover {
   
  background-color: rgb(178, 253, 144) !important;
}
/*鼠标按下*/
.el-button--primary:focus {
   
  background-color: rgb(159, 230, 240) !important;
}

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

吃不胖的猫o(=^ェ^=)m

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
vue el-button样式自定义

按钮的三种状态/* 更改elememt-ui地固定样式 *//*按钮的背景颜色样式*/.el-button--primary { background-color: rgb(247, 146, 146) !important;}/*鼠标经过*/.el-button--primary:hover { background-color: rgb(178, 253, 144) !important;}/*鼠标按下*/.el-button--primary:focus { backgr
复制链接

扫一扫