改ElementUI原生样式

ElementUI中,form表单有一个rules校验,会有一个小红星,小红星太小了,想把这个图标换成大一点 的红星,是不是需要去改源码,去哪个文件找到这个小红星进行替换,如果不需要改源码,怎么能替换成自定义的图标,哪位朋友帮帮忙,多谢

img

  1. 直接改大
.el-form .el-form-item.is-required .el-form-item__label:before {  font-size: 20px; }

  1. 可以使用组件提供的label插槽去自定义写标签怎么展示,包括这个必填
  2. 使用url定义content(可以使用图片,具体实施忘了,你可以百度下content设置图片)
.el-form .el-form-item.is-required .el-form-item__label:before { content: url(xxx); }


可以通过插槽
el-form-item

icon 还有文字

用样式穿透改变样式