Ant Design css样式无法修改? 一招教你解决~

想要修改他的背景颜色加 !important也无济于事

ant-tabs-ink-bar{background-color:#fff !important ;
}

最外层div添加 ref

里面的内容添加 :getContainer="()=>$refs.main" 此处main 和上面的ref里面的内容要一样哦

css使用

.main 里面也要写这个 ::v-deep 才可以生效哦

<style lang="less" scoped>
.main{::v-deep .ant-tabs-ink-bar{background-color:red !important ;}
}
<style>

Ant Design css样式无法修改? 一招教你解决~相关推荐

css样式对IOS设备苹果手机不支持解决方法
css样式对IOS设备苹果手机不支持解决方法在写移动端的网页的时候发现到苹果的设备上浏览的时候按钮变成了苹果的灰色按钮. 在class文件中写入下面的代码可以解决. input[type=" ...
和平精英修改服务器内存,和平精英：更新占用内存太多，玩家手机顶不住，一招教你解决！...
原标题:和平精英:更新占用内存太多,玩家手机顶不住,一招教你解决! 大家好,欢迎大家来到孟婆小叔开讲的<和平精英>"吃鸡小课堂".新版本更新的时候光子曾经提醒大家,安装 ...
鸿蒙系统智能电视用时间长了会不会卡,智能电视越用越卡怎么办？四招教你解决电视卡顿...
原标题:智能电视越用越卡怎么办?四招教你解决电视卡顿新买的电视总是顺畅无比,哪哪都喜欢,但用了一段时间后,大家都会遇到同一个问题:怎么越来越卡了?没有刚买的时候顺畅? 造成这种现象的原因也是多方面的 ...
阿里服务器微信发不了图片,为什么微信发不了图片？这四招教你解决难题
原标题:为什么微信发不了图片?这四招教你解决难题 [科技讯]12月25日消息,大家在使用微信的时候,有时候会遇到无法在微信朋友圈里发送图片的情况,那么,为什么微信会发不了图片?如果遇到这种情况又该怎么 ...
zotero+谷歌翻译不能用，一招教你解决
想必最近大家都听说了谷歌翻译已经停用对中国大陆的服务, 但对于习惯于谷歌翻译看文献的我们不免有些失望, 后台也有许多小伙伴咨询解决zotero+谷歌翻译的解决办法, 有道是:方法总比办法多.下面图 ...
25招教HR解决员工入职流程及风险的各种问题
25招教HR解决员工入职流程及风险的各种问题在企业招聘过程中,当HR物色到能够胜任岗位的理想人选后,并非一劳永逸,因为入职过程的丝毫不慎都可能会导致招聘的夭折甚至引起法律风险,比如薪酬谈判.背景调查 ...
jQuery修改!important的css样式jQuery修改css未生效
当我们使用jQuery修改带有!important的css样式或者jQuerycss样式未生效可尝试以下解决办法 1.解决办法原有代码: <!DOCTYPE html> <html ...
html通过id设置css样式,JavaScript修改style,id,class等css属性样式方法总结
JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 . JavaScript修改CSS有4种方法: 修改节点style(内联样 ...
ant design pro侧边栏子菜单添加不成功的解决办法
项目场景: Ant design pro侧边栏添加子菜单问题描述: 在企业工作中 Ant design pro侧边栏添加子菜单如果不成功要检查以下几个部分原因分析: 刚进公司的新员工如果接触到新的 ...

Ant Design css样式无法修改? 一招教你解决~

Ant Design css样式无法修改? 一招教你解决~相关推荐

最新文章

热门文章