【问题标题】:how can i change the pseudo class (:after and :before) style dynamically如何动态更改伪类(:after和:before)样式
【发布时间】:2018-04-04 00:49:45
【问题描述】:

请注意,我没有标准的颜色集,颜色将来自颜色选择器

我想更改类中传入的伪类元素的背景和颜色。并且两者都是不同的颜色,我尝试了父级的currentColor 的概念,但这甚至适用于内容和背景。

有没有办法动态改变这些颜色?

【问题讨论】:

  • 你能分享一些代码你的元素是什么样子的吗?
  • 如果您的颜色选项数量有限,您可以通过将与这些颜色对应的类应用于容器来实现。如果没有(或者如果为它们创建类的选项太多),那么您可以考虑将样式写入内联样式块。
  • 感谢@de,但是这已经很老了,我需要一些动态的东西。
  • @MayankPatel 让我尝试提供一些代码
  • jsfiddle.net/wza23251 类似的东西

标签: jquery css angularjs pseudo-element


【解决方案1】:

请浏览此博客,因为它在前段时间帮助我动态更改伪类的颜色。 http://pankajparashar.com/posts/modify-pseudo-elements-css 。希望它会有所帮助。

【讨论】:

  • 这点帮助,我必须动态地将颜色传递给元素并使用cszs中的属性“currentColor”来反映动态颜色,我们面临的唯一问题是步骤的活动状态,所以我们决定改变活动状态的外观和感觉。希望这对任何人都有帮助。谢谢!
  • 你的示例 pankajparashar.com/posts/modify-pseudo-elements-css 再次具有显式着色,当颜色是来自表单或 api 值的动态时,我想要它。
  • 我认为这会起作用。会再调查一下。
猜你喜欢
  • 2014-01-28
  • 2018-02-02
  • 1970-01-01
  • 2020-03-28
  • 2015-05-06
  • 2012-07-06
  • 2021-09-04
  • 2021-11-03
  • 1970-01-01
相关资源
最近更新 更多