el-input样式调整相关

200 阅读1分钟

el-input使用中相关样式调整使用记录

      >::v-deep .el-input {
        background-color: rgba(255, 255, 255, 0);
        border-bottom: 1px solid #000;
        min-width: 300px;
        max-width: 600px;
        position: absolute;
        left: 10px;
        top: 9px;
        // 设置输入框的样式
        .el-input__inner {
          background-color: rgba(255, 255, 255, 0);
          width: 300px;
          color: #000;
          //去除获得焦点后显示边框的样式
          border: 0;
          outline: none;
        }
        // 设置placeholder的样式
        .el-input__inner::placeholder {
          color: rgb(160, 160, 160);
        }
        // 设置图标icon的样式
        .el-input__suffix {
          color: #000;
        }
      }