• Ajax
  • Ant design
  • Axios-Fetch
  • Avue
  • Browser
  • Canvas
  • CSS
  • Dos-bat
  • Dva
  • Dedecms
  • Echart
  • ElementUI
  • Editors
  • Git
  • GeoServer
  • GIS
  • H5
  • Jquery
  • Java安卓
  • Json
  • Javascript
  • Leaflet
  • Linux
  • Life-Info
  • Mock
  • MongoDB
  • Network
  • NodeJS
  • NPM
  • React
  • 设计运营
  • SEO
  • SVG
  • TypeScript
  • Tools
  • umi
  • uni-APP
  • Vant
  • Vue
  • Windows
  • webpack
  • 位置:OC中文网 > 其他 > ElementUI >

    element修改el-select选中颜色不生效

    来源:openlayers-cesium.com 时间:01-31

    1.el-select选中默认颜色

    2.修改 .el-select-dropdown__item.selected样式

    1.   
    2. /deep/ .el-select-dropdown__item.selected{ 
    3. color: #149f97 ; 

     

    3.修改后不生效,给el-select添加属性 popper-append-to-body="false"
    (popper-append-to-body:是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false)

    4.总结


    (1)el-select 添加popper-append-to-body属性

    1. <el-select placeholder="请选择" :popper-append-to-body="false"
    2. ... 
    3. </<el-select> 

    (2)修改样式

    1. /deep/ .el-select-dropdown__item.selected{ 
    2.     color: #149f97 ;