谷歌浏览器不会显示动态添加的行样式，但Firefox会显示

Question

我有一个表，用户可以选择为数据输入添加新行，使用减号按钮删除输入。我想要做的是在表格行的最后一个单元格中设置减号按钮，但没有任何边框。

在Firefox中，它显示得很好但在Chrome中，表格单元格周围有一个边框，我已经通过.style属性明确删除了它。

...
var cell2=row.insertCell(i-1);
cell2.style="background:none !important; border-style:none !important;";
var t1=document.createElement("input");
t1.type = "button";
t1.value = "-";
t1.onclick = function(){ deleteRow(this); };
cell2.appendChild(t1);

Here's what it looks like in Chrome， and here it is in Firefox

如何让样式在chrome中正确显示？

Answer 1

没有border-style: hidden。

border-style: none

将是正确的声明。

我想如果你在脚本中更正了这一点，一切都应该适用于所有浏览器。

<强>更新

我对vanilla JS不是很有经验，但我认为你应该以不同的方式设置元素的样式。

试试这个：

cell2.style.background = "none";
cell2.style.borderStyle = "none";