How to remove the frame of Input in Form component by iview

also tried to add the class name to Input to modify it without any effect.

clipboard.png

clipboard.png

Apr.03,2021

create a new class name that does not affect the global css scope and place it in the second style tag (note that this does not have a scoped).

<Input type="textarea" class="user-defined-textarea" />
<style lang="scss" scoped>
    ...css
</style>
<style lang="scss">
.user-defined-textarea {
  textarea.ivu-input {
    border: 1px solid transparent;
  }
}
</style>

try removing scoped from style

Menu