elementUI el-input 輸入框 設置高度和寬度

1、設置input 的高度

    <div class="bbb" style="width: 100%">

          <el-input id="input1"
                    type="textarea"
                    placeholder="請輸入內容"
                    v-model="textarea"
                    :rows="10"
                    maxlength="300"
                    show-word-limit
                    style="width: 100%"
          >
          </el-input>
      </div>

使用:rows="10" 來調整input 輸入框的高度

效果如下：

 

 

 

2、設置input的寬度

代碼如下：

.bbb /deep/ #input1 {
    min-height: 30px;
    margin: 0px;
    width: 1348px;
}

或者這樣寫

/deep/ .bbb #input1 {
    min-height: 30px;
    margin: 0px;
    width: 1348px;
    height: 171px;

 

效果如下：