动态创建的Css类在Firefox样式编辑器上显示没有新行

时间:2014-03-28 11:46:39

标签: javascript css

所以..很难回顾一下......
(因为我看到一个长长的一行数据-....)

.blue0 {color:#00ffff;} .back_blue0 {background-color:#00ffff;} .line_blue0 {clear: both;position: relative; height: 1px;;background-color:#00ffff;} .border_blue0 {border:1px solid #00ffff;} .hover_bo_blue0:hover {border:1px solid #00ffff;} .hover_ba_blue0:hover {border:1px solid #00ffff;} .border_r_blue0 {border-right:1px solid #00ffff;} .border_l_blue0 {border-left:1px solid #00ffff;} .border_t_blue0 {border-top:1px solid #00ffff;} .border_b_blue0 {border-bottom:1px solid #00ffff;} .blue1 {color:#00ccff;} .back_blue1 {background-color:#00ccff;} .line_blue1 {clear: both;position: relative; height: 1px;;background-color:#00ccff;} .border_blue1 {border:1px solid #00ccff;} .hover_bo_blue1:hover {border:1px solid #00ccff;} .hover_ba_blue1:hover {border:1px solid #00ccff;} .border_r_blue1 {border-right:1px solid #00ccff;} .border_l_blue1 {border-left:1px solid #00ccff;} .border_t_blue1 {border-top:1px solid #00ccff;} .border_b_blue1 {border-bottom:1px solid #00ccff;} .blue2 {color:#0099ff;} .back_blue2 {background-color:#0099ff;} .line_blue2 {clear: both;position: relative; height: 1px;;background-color:#0099ff;} .border_blue2 {border:1px solid #0099ff;} .hover_bo_blue2:hover {border:1px solid #0099ff;}

我使用代码

创建我的类
my_css.appendChild(document.createTextNode(a_style));

我玩过将\n<br/>添加到a​​_style(css数据)的可能性,但没有成功。

但我可以在Chrome中正确查看这些数据。

任何技巧都会受到赞赏。

0 个答案:

没有答案