el-select、el-input スタイルの変更

エルセレクト

準備する

  <el-select v-model="goodsId" clearable placeholder="请选择" :popper-append-to-body="false">
       <el-option v-for="item in kindList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
 </el-select>

 注: キー: Popper-append-to-body="false"

プレースホルダーの色を変更する

Element-ui_Dai Xiaojiu の入力プレースホルダーの色を変更する方法 - CSDN ブログ

    ::v-deep .el-input__inner::placeholder {

        color: #000;

    }

 右矢印を変更します

:v-deep .el-icon-arrow-up:before {

        content: '\e78f';

        color: #000;

    }

要素アイコンで検索

丸い境界線を変更する

  ::v-deep .el-select .el-input__inner {
        border-radius: 0px;
    }

エル入力

        .el-input {
            width: 250px;
            ::v-deep .el-input__inner {
                height: 30px;
                border-radius: 2px;
                font-size: 12px;
            }
        }