elementUI的form表单样式

最新推荐文章于 2024-09-09 13:44:45 发布

长箭已搭弓

最新推荐文章于 2024-09-09 13:44:45 发布

阅读量1.7k

点赞数 2

分类专栏：笔记

本文链接：https://blog.csdn.net/include_computer/article/details/119946814

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

/*form表单的样式*/
  /deep/ .demo-form-inline {
    height: 30px;
    line-height: 30px;
    margin-left: 43px;
    //label样式
    .el-form-item__label {
      color: #D0E9FF;
      font-size: 14px;
      line-height: 30px;
    }

    //输入框样式
    .el-input__inner {
      background: transparent;
      height: 30px;
      line-height: 30px;
      border: 1px solid #D0E9FF;
      color: #FFFFFF;
      border-radius: 0;
    }

    //提示文字样式
    .el-input__inner::-webkit-input-placeholder {
      color: rgba(208, 233, 255, 0.5);
      font-size: 14px;
    }

    //form-item的样式
    .el-form-item__content {
      line-height: 30px;
      position: relative;
      font-size: 14px;
    }

    //日期选择背景颜色
    .el-range-editor .el-range-input {
      background: transparent;
      color: #fff;
    }

    .el-date-editor .el-range-separator {
      color: #D0E9FF;
    }

    .el-date-editor .el-range__icon {
      line-height: 25px;
    }

  }