当前位置: 首页 > 知识库问答 >
问题:

javascript - antd 5.4.2 switch组件点击时周围光晕如何关闭?

后安民
2023-04-27

问题:使用antd switch组件 点击开关时四周会显示一下光圈,怎么关闭。

设置box-shadow:none;没有效果。也没有再css样式中看到设置光圈。

共有1个答案

陶璞
2023-04-27

antd Switch 组件的四周显示光圈是由内置样式 .ant-switch-handle::before 和 .ant-switch-handle::after 生成的,可以通过覆盖这些样式来关闭。

在自己的 CSS 样式表中添加以下代码即可:

.ant-switch-handle::before,
.ant-switch-handle::after {
  box-shadow: none;
}

注意:需要保证自己的样式表在 antd 的样式表之后加载,否则可能会被 antd 样式表覆盖。

 类似资料:
  • 光晕是在地球周围的光圈。光晕的默认颜色是0xffffff. 可以通过 configure() API来设置光晕的颜色,具体设置方法如下所示: controller.configure({         color: {                 halo:0xff0000         } }); 也可以通过 setHaloColor() API来动态修改光晕颜色。

  • Halos are light areas around light sources, used to give the impression of small dust particles in the air. 光晕(Halos)是光源周围的光线区域,常常用来表现在空气中的细小的灰尘颗粒的效果 A Light with a separate Halo Component 光线单独带有光晕组(H

  • 问题内容: 如何捕获iframe周围的div上的click或mousedown事件。我尝试将函数附加到div上的click事件,但是由于iframe从未将事件泡到周围的div上,因此永远不会调用该函数。有没有一种方法可以捕获div上的事件,然后将其传播到iframe进行默认操作? 问题答案: 如果点击在iframe区域中,则iframe上下文会处理click事件,它不会冒泡到iframe父级。因此

  • 创建光晕 光晕工具创建具有明亮的中心、光晕和射线及光环的光晕对象。使用此工具可创建类似照片中镜头光晕的效果。 “光晕 ”包括中央手柄和末端手柄。使用手柄定位光晕及其光环。中央手柄是光晕的明亮中心 -光晕路径从该点开始。 光晕组件 A. 中央手柄 B. 末端手柄 C. 射线(为清晰起见显示为黑色) D. “光晕 ” E. “光环 ” 另请参阅 第 18 页的 “绘图工具库 ” 创建默认光晕 1选择光

  • 问题内容: 我是React的新手,对某种基本的东西感到困惑。 我需要在单击事件后呈现DOM之后将组件添加到DOM。 我最初的尝试如下,但是没有用。但这是我想尝试的最好的方法。(预先为将jQuery与React混合使用而道歉。) 希望我已经清楚需要做什么,希望您能帮助我获得适当的解决方案。 问题答案: 正如@Alex McMillan所提到的那样,使用state来指示应在dom中呈现的内容。 在下面

  • 创建一个模拟追踪着灯光的镜头光晕。 代码示例 const light = new THREE.PointLight( 0xffffff, 1.5, 2000 ); const textureLoader = new THREE.TextureLoader(); const textureFlare0 = textureLoader.load( "textures/lensflare/lensfla