elementui图标大小（如何更改ElementUI组件的图标大小以及标签属性）
话不多说 ，直接上菜 。
ElementUI提供的Rate评分组件的默认大小是这样的
图标太小了 ，想设置宽高 、行高 、尺寸 ，但代码不起作用 。
打开浏览器调试 ，发现是用font-size设置才有用 。
由此代码存在优先级问题 ，要提高优先级 。
css中使用>>>作深作用选择器：
于是在代码中给el-rate_icon和el-rate__text改变font-size的值就可以了 ， 要在样式名称前加上/deep/提高优先级 。
这里注意这个class名是组件自带的 ，不然不会生效 。
所以设置其它ElementUI组件的图标大小以及标签属性也是一样的 。
其实还有一些其它方法：
1.直接把<style lang="less" scoped>中的scoped去掉就可以使样式生效 ，虽简单粗暴但却不是个很好的方法 。
2.定义一个全局样式 ，如global.css,然后在main.js中导入 ，如此这个样式就全局挂载了 ，在其中写的自定义样式也会生效 。
描述如有错误 ，欢迎指正！
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！