How do I dynamically add a stylesheet using Dart?
The answer of Günter Zöchbauer helped me find a solution (see my comment on his answer).
This works:
import 'dart:html';main () { // create a stylesheet element StyleElement styleElement = new StyleElement(); document.head.append(styleElement); // use the styleSheet from that CssStyleSheet sheet = styleElement.sheet; final rule = 'div { border: 1px solid red; }'; sheet.insertRule(rule, 0);}
I tried it and it worked for me:
import 'dart:html' as dom;main () { dom.document.head.append(new dom.StyleElement()); final styleSheet = dom.document.styleSheets[0] as dom.CssStyleSheet; final rule = 'div { color: blue; }'; styleSheet.insertRule(rule, 0);}
For anyone who needs to add an external stylesheet, this is how you do it.
LinkElement link = document.head.append(LinkElement());link.type = "text/css";link.rel = "stylesheet";link.href = "/site.css";