自定义元素中的 Dartlang 样式表

【问题标题】：Dartlang styling table in custom element自定义元素中的 Dartlang 样式表
【发布时间】：2014-10-23 21:13:38
【问题描述】：

在我的自定义元素中，我使用以下代码创建表格：

TableElement table = new TableElement();  var tBody;
 tBody = table.createTBody();
 table.style.width='100%';

 tBody.addRow()..addCell().nodes.add(update)
           ..style.color='green'
           ..addCell().text='hi'..style.color='orange'
           ..addCell().nodes.add(ueta);
tBody.addRow()..addCell().nodes.add(udate)..style.border='solid'..style.color='blue'..addCell().nodes.add(ustatus);

数据已正确显示。
我想设置样式 - 在第一行，“hi”的单元格为绿色，但失败了，样式为橙色。
我想为单元格制作边框和背景颜色，但不知道该怎么做。

有什么想法吗？

谢谢

【问题讨论】：

标签： dart

【解决方案1】：

不要为 Dart 中的单个元素添加样式，而是使用级联样式表 (CSS)

在您的 html 中：

<html>
  <head>
    <script async type="application/dart" src="my_dart_app.dart"></script>
    <script async src="packages/browser/dart.js"></script>
    <link rel='stylesheet' href='my_dart_app.css'/>
  </head>
    ...
    ...

然后在 my_dart_app.css 中编写你想要的样式。有很多教程可以找到。也许从http://www.w3schools.com/css/default.asp 开始。

请注意，在创建 HTML 元素时，您可以轻松添加类：

TableElement table = new TableElement();
  ..classes.add('my_table_class');

【讨论】：

谢谢@ArgentiApparatus，刚试了，没用:(