Question

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

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'的单元格为绿色，但它失败了，并以橙色样式。
我想为细胞制作边框和背景颜色，但不知道该怎么做。

有什么想法吗？

感谢

Answer 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');

在自定义元素的Dartlang样式表

1 个答案: