Vue中，修改Iviewform表单的默认样式

保定师范学校Vue中，修改Iviewform表单的默认样式

使⽤过Iview的应该都知道，iview的样式是锁定了的，不像bootstrap那样可以直接修改，刚开始的时候，使⽤iview的时候，想修改字体⼤⼩和颜⾊，真的很迷，⽹上的那些⽅法也试过，可惜⽆效

这⾥我是使⽤的 vue2 + iview3

⽐如我现在要修改Iview 的form表单中label标签的字体颜⾊，默认颜⾊和class 如下

之前我在⽹上搜的时候，⼤多⽅法都是如下

（本⼈⽆效⽅法）⽅法⼀：在vue组件中，可惜⽆效

.formRegister > .ivu-form > .ivu-form-item-label{

南市区信息在线color: white !important;

}

</style>

（本⼈⽆效⽅法）⽅法⼆：⾃定义css，可惜也⽆效

<style>

.formRegister > .ivu-form > .ivu-form-item-label{

color: white !important;

}花木兰袁咏仪下载

</style>

梯子不用时请横放本⼈有效⽅法

然后我在思否上提问，有⼈建议⽤ >>> 来修改，代码如下

.formRegister >>> .ivu-form-item-label{

color: white;

}

</style>

最后字体颜⾊修改为⽩⾊了

丰年虫

⾄于⽅法⼀，⼆为啥⽆效，我也不知，但估计是框架或环境原因没跑了，有了解的不妨分享⼀下

本文发布于:2024-09-23 12:27:38，感谢您对本站的认可！

标签：修改提问样式可惜

留言与评论（共有 0 条评论）