element-ui 去除input , select等的边框

   ::v-deep {
    /* 隐藏input */
    .el-input__inner {
      border: 0;
      border-radius: 0px;

      // &:focus {
      //   border-bottom: 1px solid #409eff;
      // }
    }
    .vue-treeselect__control{
      border: 0;
      border-radius: 0px;
    }
    /* 隐藏文本域 */
    .el-textarea__inner {
      resize: none;
      /* 这个是去掉 textarea 下面拉伸的那个标志,如下图 */
      border: 0;
      border-radius: 0px;

      // &:focus {
      //   border-bottom: 1px solid #409eff;
      // }
    }

    /* 隐藏下拉箭头 */
    .el-select .el-input__icon {
      display: none;
    }
    /* 隐藏treeselect 下拉箭头  */
    .vue-treeselect__x-container{
      display: none;
    }
    /* 隐藏treeselect  X图标*/
    .vue-treeselect__control-arrow{
      display: none;
    }
  }
posted @ 2023-06-28 14:53  菜鸟辉哥  阅读(514)  评论(0编辑  收藏  举报