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>
  • 相关阅读:
    python3 网络编程
    python3 字典及其方法
    洛谷P2239 螺旋矩阵
    洛谷P4281 紧急会议
    洛谷 P4427 求和
    树的直径
    洛谷P3398 仓鼠找suger
    洛谷P3865 ST表
    洛谷P1638逛画展
    洛谷P1886 滑动窗口
  • 原文地址:https://www.cnblogs.com/lsyy2017/p/14260921.html
Copyright © 2011-2022 走看看