在Element UI中el-input怎么设置宽度？

Question

就是把el-input这个input的宽度可以设置，

     <div class="formSearch">
       <el-form class="search">
        <el-form-item label="姓名：">
          <el-input v-model="askSearch.input" placeholder="请输入"></el-input>
        </el-form-item>
     </el-form>

用的是Element UI 这个框架来写的，
现在呈现的是

我试过加行内但是不起作用

Answer 1

<el-form-item label="姓名：">
  <el-col :span="12">
    <el-input v-model="askSearch.input" placeholder="请输入"></el-input>
  </el-col>
</el-form-item>

可以用栅格设置
http://element-cn.eleme.io/#/...

Answer 2

修改 .el-input__inner，进行样式覆盖，这样你可以自定义任何宽度。
为了保证可维护性，建议外边包一层class，这样不影响其他页面的。一些组件是render出来的，去掉scoped属性进行样式覆盖。至于element-ui中的其他组件样式都可以用这些方法。

Answer 3

1,直接在el-input加style="width:**px"就可以了
2,打开f12进行样式覆盖

Answer 4

在 <el-form-item>里加个label-width=“..px”就好了

Answer 5

我们项目也用了，应该是可以的呀，你把scoped关掉试试？

Answer 6

可参考bootstrap响应式栅格布局。

Answer 7

我是按F12然后查找到对应的class: `.el-input-group>.el-input__inner{

height: 48px;

}`设置完高度就生效了

Answer 8

1.
外层添加class

2. 主要是/deep/
   
   3.