如何在 Dart 中为伪元素设置 css 属性

Question

我需要覆盖 Dart 中伪元素的 css 属性。

在 Javascript 中，可以通过例如

进行选择

document.getOverrideStyle(p, ':after').display = 'none';

在 Dart 中我只找到只读访问，例如

List<CssRule> rules = window.getMatchedCssRules(myElement, ':before');

或

 CssStyleDeclaration css = myElement.getComputedStyle('::before');

是否有机会覆盖 Dart 中的伪元素 css 属性？

Answer 1

您可以操纵从

返回的 List<CssRule>

List<CssRule> rules = window.getMatchedCssRules(myElement, ':before');

(rules[0] as CssStyleRule).style.display = 'none';

如果有多个规则，您可能需要搜索规则才能更改正确的规则。

在DartPad

中尝试