博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
elementUI默认样式修改不成功的问题
阅读量:6456 次
发布时间:2019-06-23

本文共 438 字,大约阅读时间需要 1 分钟。

问题:

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);}

 

转载于:https://www.cnblogs.com/XHappyness/p/7686267.html

你可能感兴趣的文章
Kaldi单音素模型 训练部分
查看>>
Android快速开发常用知识点系列目录
查看>>
Java ActiveMQ队列模式案例
查看>>
EJB2的配置
查看>>
最容易理解的对卷积(convolution)的解释
查看>>
《机器学习实战》知识点笔记目录
查看>>
Linux操作系统实时性分析
查看>>
mysql导出导入所有数据库
查看>>
[转载]数据库缓存算法思想与实现
查看>>
完美解决NC502手工sql的查询引擎排序及合计问题
查看>>
PHP+MySQL代码部署在Linux(Ubuntu)上注意事项
查看>>
Tiny语言执行环境TM机源码
查看>>
PE文件之资源讲解
查看>>
windows 7/mac编译cocos2d-x-3.2*的android工程报错
查看>>
MYSQL导入导出.sql文件(转)
查看>>
使用Elasticsearch、Logstash、Kibana与Redis(作为缓冲区)对Nginx日志进行收集(转)
查看>>
git review报错一例
查看>>
Tomcat在Linux上的安装与配置
查看>>
《信息安全系统设计基础》 课程教学
查看>>
Linux平台下使用rman进行oracle数据库迁移
查看>>