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 @   菜鸟辉哥  阅读(1363)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示