添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议 》和 《 阿里云开发者社区知识产权保护指引 》。如果您发现本社区中有涉嫌抄袭的内容,填写 侵权投诉表单 进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

去除 选择器 边框的原因是有时候在一些表格内可能需要添加选择器,如果不去除边框那会造成边框(表格)内有边框(选择器),那就不美观


有两种思路,一种是修改内部的el-input的border,一种是修改el-select的样式,这里仅给出了第一种的样式修改,两种效果都是一样的,只是一开始我没发现el-select可以直接修改

第一种修改方式

42b7b0c6c1b94cefae925630db21ab1a.png

    :deep(.el-input){
        --el-input-focus-border:#fff;
        --el-input-transparent-border: 0 0 0 0px;
        --el-input-border-color:#fff;
        --el-input-hover-border:0px !important;
        --el-input-hover-border-color:#fff;
        --el-input-focus-border-color:#fff;
        --el-input-clear-hover-color:#fff;
        box-shadow: 0 0 0 0px !important;
        --el-input-border:0px;
    :deep(.el-select .el-input__wrapper.is-focus){
        box-shadow: 0 0 0 0px !important;
    :deep(.el-select .el-input.is-focus .el-input__wrapper){
        box-shadow: 0 0 0 0px !important;
    :deep(.el-select){
        --el-select-border-color-hover:#fff;
    }

第二种修改方式

19df4a55e3634748bf6f0337a600738c.png

把里面的样式的颜色改成 白色 就可以了