antd Carousel 重写dot样式_资讯

创始人

2024-02-18 03:39:33

0次

antd的Carousel走马灯组件的dot也就是下面那个滑动的按钮非常的不起眼。
白色背景的时候完全看不到。
但是我们大部分时候又都是白色背景，于是来自己重写一下样式。
在这里插入图片描述
在控制台看了一下，应该是这个属性在控制dot的颜色，重写这个属性就可以了。

在这里插入图片描述
直接在对应的less文件里面添加对象，改成黑色。

奇怪，并没有生效，找了一圈发现，应该要写成：

:global {.ant-carousel .slick-dots li.slick-active button {background: #000;opacity: 1;}.ant-carousel .slick-dots li button{background: #000;}
}

加上一个global后就可以了。
为啥呢？详情请看下面这个链接的介绍。
https://blog.csdn.net/qq_36209248/article/details/90603474

简单来说，为了确保属性的独立性，虽然你写的都是同一个类名，但是你自己写的类名会被转换成一个hash串以免和别的文件重复。
加了global后不会再进行hash，而是直接用你写的名字，这时候就能覆盖掉库里面的默认样式了。

喜欢穿一身黑的男生性格（喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识，其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...

发春是什么意思（思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思，以及思春和发春是什么意思对应的知识点，希望对各位有所帮助，...

网络用语zl是什么意思（zl是... 今天给各位分享网络用语zl是什么意思的知识，其中也会对zl是啥意思是什么网络用语进行解释，如果能碰巧...

为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?，以及为什么酷狗下载的歌曲不是...

家里可以做假山养金鱼吗（假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识，其中也会对假山能放鱼缸里吗进行解释，如果能碰巧解...

华为下载未安装的文件去哪找（华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识，其中也会对华为下载未安装的文件去哪找到进行解...

四分五裂是什么生肖什么动物（四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物，以及四分五裂打一生肖是什么对应的知识点，希...

怎么往应用助手里添加应用（应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识，其中也会对应用助手怎么添加微信进行解释，如果能...

苏州离哪个飞机场近（苏州离哪个... 本篇文章极速百科小编给大家谈谈苏州离哪个飞机场近，以及苏州离哪个飞机场近点对应的知识点，希望对各位有...

客厅放八骏马摆件可以吗（家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识，其中也会对家里摆八骏马摆件好吗进行解释，如果能碰巧解决你...