问题:
login.vue中引入<style lang="postcss" src="./login.css" scoped></style>
login.css中
.el-input__inner { background-color: rgba(255,255,255,.2);}
设置el-input的样式没有效果。
原因和解决方法:
是因为scoped的原因。去掉scoped就可以显示样式。
但此时会污染全局样式,所以将该样式放在控制全局样式的文件里(比如app.css)。
为了不让所有的el-input都变透明,所以给需要透明的el-input添加一个类lucencyInput
.lucencyInput .el-input__inner { background-color: rgba(255,255,255,.2);}