验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

element el-input删除边框的方法是什么

阅读:1227 来源:乙速云 作者:代码code

element el-input删除边框的方法是什么

我们在使用element ui的 el-input输入框时,会面临这样的问题:
官网的样式:

element el-input删除边框的方法是什么

而我们需要的:

element el-input删除边框的方法是什么

我们正常的操作是:但发现行不通…


然后经过查找资料,发现可以用” >>>“, 这是vue的深度选择器,vue引用了第三方组件,需要在组件中局部修改第三方组件的样式;所以我们更改代码:


	
 

但是发现并没有效果,原因是我们要在

另外,有些Sass 之类的预处理器无法正确解析 >>>,可以使用 /deep/ 操作符( >>> 的别名),如下:


.inputDeep /deep/.el-input__inner {
  border: 0px;
  box-shadow: 0 0 0 0px;
}
分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>