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;

 

效果如下：