在前端项目中会运用各种组件，有时组件的默认样式并不是你项目中所需要的，你需要更改样式，但修改样式并不成功，我这次也遇到相同问题并已解决，以下解决思路供大家参考。
-
以下是这是引入element组件后的初始样式。
image.png -
相关组件全部引入进来后，开始调相关样式。我需要<input>的border-radius（圆角）效果更明显一点，渲染后发现<input>框border-radius并不起作用。
image.png -
经过一番查找原因后，发现是<style scoped>中的scoped引起的，去掉scoped就可以了，这时渲染出我需要的效果了。
image.png
image.png -
但需要注意的是，去掉scoped后，此时的样式会染污全局样式，你可以把它放到公共的css样式里，或者为了避免<el-input>标签都是该样式，我们可以给input加上一个类名，比如：.input_register
image.png
