elementuiPlus取消el-input的边框

elementuiPlus取消el-input的边框

1.通常取消边框的方法

设置border为none

2.还有其他类似边框的

例如 outline box-shadow 这两个属性都是会产生边框效果

3.el-input需要更改的话–如下

需要修改box-shadow 为空即可
上代码

:deep(.el-input__wrapper) {
    align-items: center;
    background-color: #F7F7F7 !important;
    border-radius: 40px !important;

    // border: none;
    // outline: none !important;
    box-shadow: none;
}

前后效果对比

在这里插入图片描述


在这里插入图片描述

你可能感兴趣的:(elementui)