修改element form表单 el-bottom边框样式和背景颜色

最新推荐文章于 2024-07-13 11:21:58 发布

weixin_47560716

最新推荐文章于 2024-07-13 11:21:58 发布

阅读量1.8k

点赞数 2

分类专栏： element 文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_47560716/article/details/127550581

版权

element 专栏收录该内容

10 篇文章

订阅专栏

在这里插入图片描述

  // 输入框的背景颜色并取消border
      /deep/.el-input__wrapper {
        background-color: #284062 !important;
        border: none !important;
        // 取消自带的border
        box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
      }

      //输入框的样式
      /deep/.el-input {
        margin-left: 90px;
        width: 300px;
        font-size: 30px;
      }

      //设置输入框里的字体的颜色和大小
      :deep(.el-input__inner) {
        color: #b9c9cc;
        font-family: MicrosoftYaHeiLight;
      }