2014-10-02 60 views
0

我正在为我的项目制作一个红宝石表格,我希望在某些单元格上有背景颜色。我首先尝试了“bgcolor”,这似乎已被弃用,然后我尝试了style =“background-color:#FF0000”,但似乎没有任何效果。style =“background-color:#FF0000”不适用于Chrome或Safari浏览器?

我的代码:

table = "<table class='sortable' id='components_table'>" + 
      "<thead>" + 
      "<tr class='all'>" + 
      "<th>some-data1</th>" + 
      "<th>some-data2</th>" + 
      "<th>some-data3</th>" + 
      "</tr>" + 
      "</thead>" 

table += "<tr>" + 
     "<td id='#{"some-data1"}'>" + some-data1 + "</td>" + 
     "<td id='#{'some-data2'}'>" + some-data2 + "</td>" + 
     '<td id="#{"some-data3"}" style="background-color: #FF0000">' + some-data3 + '</td>' 
table += "</tr>" 

是我的风格= “背景色:#FF0000” 不会在Chrome/Safari浏览器上工作?有没有其他方法可以更改单元格的背景颜色以在Chrome/safari/mozilla上显示?

回答

1

style="background-color: #ff0000"应该工作。您有color="#ff0000"。你缺少background-

+0

对不起,我试图颜色,以及因为背景颜色并没有为我工作。我会在我的问题中更新它。但是,是的,两者似乎都不适合我。 – 2014-10-02 16:52:51

+0

尝试更改背景颜色时,为什么要切换到单引号(') – 2014-10-02 16:58:29

+0

以不同的方式尝试,因为它不是首先使用双引号。但它没有什么区别。 – 2014-10-02 17:13:50

0

使用单引号双引号//没有逃逸字符

试试这个

table += "<tr>" + 
    "<td id=\"#{'some-data1'}\">" + some-data1 + "</td>" + 
    "<td id=\"#{'some-data2'}\">" + some-data2 + "</td>" + 
    "<td id=\"#{'some-data3'}\" style=\"background-color: #FF0000\">" + some-data3 + "</td>" 
table += "</tr>" 
+0

这[看起来像解决方案](http://jsfiddle.net/sbg5skng/)给我。查看OP中的语法突出显示。 Downvoter,关心评论? – showdev 2014-10-02 23:46:51

相关问题