Iview form form, how to modify the default style

as the title

I now need to modify the font color of label in iview"s form form

clipboard.png

vue2 + iview3

:


:

css


clipboard.png

ask the boss for help

Jun.01,2022

if you want to change the iview style, you can use to modify it, for example:

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

changes the default style of element , using the vue project. If you are also using vue-cli to build the project, try
do not change the default style of the frame in < style scoped > < / style > , but change it globally. And remember to add a specific class to restrict it, otherwise it will affect the style of other pages, because it is changed globally.

<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


you can take a look at this document ide/scoped-css.html-sharp%E6%B7%B1%E5%BA%A6%E4%BD%9C%E7%94%A8%E9%80%89%E6%8B%A9%E5%99%A8" rel=" nofollow noreferrer "> https://vue-loader.vuejs.org/...

Menu