zoukankan      html  css  js  c++  java
  • 修改element ui 默认样式

    1 在样式外新增一个样式不添加scoped

    <style>
    	.my{
    		margin: 20px;
    	}
    	.my .el-input__inner{
    		border-radius: 15px;/* 这个样式起效果 */
    	}
    </style>
    <style scoped>
    	.my .el-input__inner{
    		border-radius: 30px; /* 这个样式不起效果 */
    	}
    </style>

    2 使用deep样式穿透

    <style scoped>
    	.my .el-input__inner{
    		border-radius: 30px;/* 这个不起作用 */
    	}
    	.my /deep/ .el-input__inner{
    		border-radius: 30px;/* 这个起作用 */
    	}
    </style>

    3 使用>>>穿透

    <style scoped>
    	.my .el-input__inner{
    		border-radius: 30px;/* 这个不起作用 */
    	}
    	.my >>> .el-input__inner{
    		border-radius: 30px;/* 这些起作用 */
    		border: 1px solid #eceef2;
    		outline: 0;
    	}
    </style>

    3 使用>>>穿透

    <style scoped>
    	.my .el-input__inner{
    		border-radius: 30px;/* 这个不起作用 */
    	}
    	.my >>> .el-input__inner{
    		border-radius: 30px;/* 这些起作用 */
    		border: 1px solid #eceef2;
    		outline: 0;
    	}
    </style>
  • 相关阅读:
    Title
    Title
    Title
    Title
    Python生成随机验证码
    Time模块和datetime模块
    For循环的实质
    Python函数
    集合set
    字符串内置方法的使用
  • 原文地址:https://www.cnblogs.com/lsyy2017/p/14260921.html
Copyright © 2011-2022 走看看