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

修改element form表单 el-bottom边框样式和背景颜色_第1张图片

  // 输入框的背景颜色并取消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;
      }

你可能感兴趣的:(element,javascript,vue.js,前端)