国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Element-UI 不能自訂樣式嗎
PHP中文網(wǎng)
PHP中文網(wǎng) 2017-05-24 11:37:16
0
5
1155
  • vue 檔案中的關(guān)鍵程式碼差不多就下面這樣

<el-form-item>
   <el-input v-model="form.name" auto-complete="off" placeholder="手機號\郵箱\用戶名" class="login-form-input"></el-input>
</el-form-item>

<style>
    .login-form-input .el-input__inner {
        border: 0 none;
        border-bottom: 1px solid #ccc;
        border-radius: 0px;
    }
</style>
  • 瀏覽器中渲染出來的 html

  • #但編譯出來的 style不知道為什麼選擇器被修改了,加了個屬性選擇器。

##我試了一下,只要是寫在 vue檔案中的樣式,編譯出來都會加一個屬性選擇器。這怎麼搞?意思是 Element-UI 只能大概訂製主題,不能改太細(xì)節(jié)的東西?


   ps:好吧,應(yīng)該是我自己搭的框架有問題,我的鍋。因為我用 Element-UI 推薦的項目模板『element-starter』就沒問題。但還是想問下為什么會這樣
PHP中文網(wǎng)
PHP中文網(wǎng)

認(rèn)證0級講師

全部回覆(5)
Peter_Zhu

肯定的一點是可以修改,你肯定是方法不對或樣式優(yōu)先權(quán)沒有element定義的高

PHPzhong

樓主想覆蓋element的樣式的話,個人有那麼幾點建議:

  • 通用樣式的覆蓋,例如基色或element元件通用樣式修改,可以放在一個css檔案(或者是scss等),在main.jsimport。 element也提供了自訂主題的方式

  • 非通用樣式,業(yè)務(wù)組件的樣式覆蓋可以考慮在vue單文件組件中覆蓋,此時需要注意,涉及到選擇器優(yōu)先級的問題,部分樣式需要使用style的全局樣式(即不加scoped) ,使用全域樣式的時候盡量加入業(yè)務(wù)元件的根元件選擇器,以免影響其他元件中對element元件的樣式。

小葫蘆

可以但是必須優(yōu)先順序高

PHPzhong

看錯了,,,

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板