Iview form表单,如何修改默认的样式

如题

我现在需要修改iview的 form 表单中 label的字体颜色

clipboard.png

当然,我肯定是在网上搜索过,但无一例外,都失败了,我不知道为什么他们发文章的人能成功,照搬下来就不行,也不晓得是不是版本问题,我现在用的是vue2 + iview3

方法一:无效

<style scoped>
  .formRegister > .ivu-form > .ivu-form-item-label{
      color: white !important;
  }
</style>

方法二:无效

代码内容同上,只不过地方不同,这里是写在自定义的css文件中

.formRegister > .ivu-form > .ivu-form-item-label{
  color: white !important;
}

如何调用的

clipboard.png

求大佬帮忙

阅读 9.4k
3 个回答

如果是改iview样式可以用>>>来修改,如:

.your-class >>> .iview-class{
    margin: 0 auto;
}

改过element的默认样式,用的是vue工程。如果你也是用vue-cli建立的工程,试试看:
不要在<style scoped></style>里去修改框架的默认样式,要在全局里改。并且记得在前面加个特定的类来进行限制,不然会影响到其他页面的样式,因为是在全局里改的。

<style scoped>
// your scoped style code

</style>

<style>
// your global style code here
.formRegister > .ivu-form > .ivu-form-item-label{
  color: white;
}
</style>

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题