vue里修改iview组件的样式不生效

问题背景： 使用的是vue框架+iview框架
问题描述： 比如使用iview种组件Date-picker，想把这个组件里的classname=ivu-input的border-radius改为0，不生效，书写如下，写在有scoped的style里

<style scoped>
.ivu-input{
border-radius:0px !important;  //有时候会不生效
}
</style>

问题原因： 不晓得，偶尔遇到，也没有深究，有兴趣的同学可以去研究下；
解决方法： 再追加一个style，不加scoped,表示全局引用；

1.如果你是希望全部都去掉边框，那么就直接写成如下，直接修改样式

<style>
.ivu-input{
border-radius:0px !important;
}
.ivu-select-selection{
border-radius:0px !important;
}
</style>

2.如果只是当前页面修改，不希望影响其他页面，
则在.ivu-input前边加一个可标识是本页的class或者id即可

<style>
.dataStatistics .ivu-input{
border-radius:0px !important;
}
.dataStatistics  .ivu-select-selection{
border-radius:0px !important;
}
</style>