鍍金池/ 問答/HTML5  HTML/ 在Element UI中el-input怎么設(shè)置寬度？

在Element UI中el-input怎么設(shè)置寬度？

就是把el-input這個input的寬度可以設(shè)置，

     <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 這個框架來寫的，
現(xiàn)在呈現(xiàn)的是圖片描述

我試過加行內(nèi)但是不起作用

回答
編輯回答
蔚藍(lán)色

1,直接在el-input加style="width:**px"就可以了
2,打開f12進(jìn)行樣式覆蓋

2018年3月29日 20:24
編輯回答
懶豬

修改 .el-input__inner，進(jìn)行樣式覆蓋，這樣你可以自定義任何寬度。
為了保證可維護(hù)性，建議外邊包一層class，這樣不影響其他頁面的。一些組件是render出來的，去掉scoped屬性進(jìn)行樣式覆蓋。至于element-ui中的其他組件樣式都可以用這些方法。

2017年10月27日 21:24
編輯回答
命于你

可參考bootstrap響應(yīng)式柵格布局。

2017年11月19日 03:02
編輯回答
嫑吢丕

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

2018年3月18日 03:19
編輯回答
只愛你

我們項目也用了，應(yīng)該是可以的呀，你把scoped關(guān)掉試試？

2017年9月27日 06:22
編輯回答
瘋浪
<el-form-item label="姓名：">
  <el-col :span="12">
    <el-input v-model="askSearch.input" placeholder="請輸入"></el-input>
  </el-col>
</el-form-item>

可以用柵格設(shè)置
http://element-cn.eleme.io/#/...

2017年7月21日 21:20