Vue Element

您所在的位置:网站首页 怎么改变密码样式 Vue Element

Vue Element

2024-07-13 12:26| 来源: 网络整理| 查看: 265

使用调试工具找出他的样式默认表,具体操作如下:

 

 从上图知道默认的样式是.el-input__inner,那下面在改成自己想要的颜色:

  .el-input__inner[DangerColor="danger"] {   background-color: #F56C6C;    //红色 }   .el-input__inner[WarningColor="warning"] {   background-color: #E6A23C;    //橙色 }   .el-input__inner[SuccessColor="success"] {   background-color: #67C23A;    //绿色 }    在这里特别提醒,如果你修改不成功,那么可能是,style标签上加上scoped属性,表示它的样式作用于当下模块,.el-inout__inner是一个全局属性。     但是,如果你不加scoped属性,你这个页面的style在其他页面就可以直接调用了,所以建议写入统一的全局样式文件中:

 

 下面继续说说怎么动态改变el-input默认背景颜色:                                   以上就是动态改变默认el-Input背景色的一种方法。

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3