国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

更改el-select-dropdown_item selected選中顏色

這篇具有很好參考價值的文章主要介紹了更改el-select-dropdown_item selected選中顏色。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

更改el-select-dropdown_item selected選中顏色

默認(rèn)為element主題色

更改el-select-dropdown_item selected選中顏色,前端,vue.js,elementui
在修改element select下拉框選中顏色時會發(fā)現(xiàn)不生效,原因是:el-select下拉框插入到了body中
更改el-select-dropdown_item selected選中顏色,前端,vue.js,elementui
解決辦法:
在select標(biāo)簽里填寫:popper-append-to-body="false"屬性,禁止select下拉框插入到body中

<el-select 
  v-model="value" 
  @change="changeProjectStatus" 
  placeholder="請選擇" 
  :popper-append-to-body="false">
   <el-option
      v-for="item in tabOptions"
      :key="item.status"
      :label="item.label"
      :value="item.status">
    </el-option>
</el-select>

然后更改選中元素的顏色,就可以了

::v-deep .el-select-dropdown__list .selected{
    color: #2e49ad;
  }

更改el-select-dropdown_item selected選中顏色,前端,vue.js,elementui
但是,我在另一個組件中寫了卻不起作用(像是被下面的元素遮擋了),最后寫在了全局樣式里,才顯現(xiàn)出來,不知道什么原因?文章來源地址http://www.zghlxwxcb.cn/news/detail-595501.html

到了這里,關(guān)于更改el-select-dropdown_item selected選中顏色的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • Element UI更改下拉菜單el-dropdown-menu樣式

    Element UI更改下拉菜單el-dropdown-menu樣式

    源代碼: 這個樣式更改還是有點費(fèi)勁的,如圖: 我想更改el-dropdown-item的樣式,但是正常覆蓋更改無法生效的,從渲染結(jié)構(gòu)可以看出來這個下拉菜單的渲染列表是在文檔最底部的。 vue文件新建一個 style樣式, 不加scoped; 為保證這個組件的樣式 不會影響到其他頁面組件樣式

    2024年02月09日
    瀏覽(244)
  • el-select與el-tree結(jié)合使用,實現(xiàn)select框下拉使用樹形結(jié)構(gòu)選擇數(shù)據(jù)

    el-select與el-tree結(jié)合使用,實現(xiàn)select框下拉使用樹形結(jié)構(gòu)選擇數(shù)據(jù)

    使用el-select與el-tree,實現(xiàn)如下效果, 代碼如下: ?注意點:搜索input框的代碼一點放在option上面,不要放在option里面,否則一點擊搜索框,下拉框就會收起來,不能使用。

    2024年02月13日
    瀏覽(29)
  • el-select 使用

    el-select 使用

    案例:

    2024年02月10日
    瀏覽(14)
  • 修改el-select和el-input樣式;修改element-plus的下拉框el-select樣式

    修改el-select和el-input樣式;修改element-plus的下拉框el-select樣式

    修改el-select樣式 input如下 el-input clearable v-model=\\\"name\\\" placeholder=\\\"請輸入\\\" class=\\\"input-with-select input_box\\\" style=\\\"width: 148px;margin: 0 40px;position: absolute;right:67px;\\\" /

    2024年02月13日
    瀏覽(94)
  • el-select修改樣式

    el-select修改樣式

    el-select 準(zhǔn)備 ?注:關(guān)鍵 :popper-append-to-body=\\\"false\\\" 修改placeholder顏色 Element-ui下如何修改input的placeholder的顏色_呆小九的博客-CSDN博客 ?修改右側(cè)箭頭 在element?icon里檢索 修改圓角邊框 el-input

    2024年02月11日
    瀏覽(37)
  • el-select碼值枚舉

    當(dāng)碼值的數(shù)據(jù)是自己寫的時候: 例如:isOrNo:[{label:\\\'是\\\',value:\\\'1\\\'},{label:\\\'否\\\',value:‘2’}], 當(dāng)傳給后端值時下拉選擇是,值為1,我們當(dāng)前拿到的只是值為value:1,label值為拿到,我們就需要把label值取到。 方法如下: 第一種方法: 第二種方法:

    2024年02月10日
    瀏覽(21)
  • el-select 分頁加載

    針對數(shù)據(jù)量大的選擇器,需要分頁從后端接口獲取數(shù)據(jù),前端監(jiān)聽選擇器下拉框的滾動事件,當(dāng)往下滾動至底部一定位置時,調(diào)接口

    2024年02月14日
    瀏覽(21)
  • el-select范圍選擇框

    el-select范圍選擇框

    僅供參考,具體的實現(xiàn)可能根據(jù)自己的需要修改?,僅供參考!僅供參考!僅供參考!

    2024年02月11日
    瀏覽(28)
  • 【elementUI】el-select相關(guān)問題

    【elementUI】el-select相關(guān)問題

    :popper-append-to-body=\\\"false\\\" v-if=\\\"item.value !== form.id\\\"

    2024年01月21日
    瀏覽(23)
  • el-select 遠(yuǎn)程搜索 懶加載

    參考鏈接:el-select實現(xiàn)遠(yuǎn)程搜索和懶加載_select 懶加載_qd-hhkj的博客-CSDN博客 自定義懶加載 HTML 定義變量 方法

    2024年02月15日
    瀏覽(22)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包