当我刷新页面时，表格会在Google Chrome和Opera webbrowser中展开

Question

我制作了一张HTML表格，

但是，当我刷新页面时，它完全在Google Chrome和Opera网络浏览器中展开。它也在Internet Explorer和Firefox中进行了测试，并保持正常的表格。

页面刷新后的子正常表如下所示：

在此下你可以看到我桌子的CSS部分：

.rdThemeDataTableCell, table.rdAgDataTable td {
    background-color: #fff;
    padding: 4px;
}

td.rdThemeDataTableCell.rdCgPositionCellXAxis {
    background-color: #ffffff;
    border-style: none;
}

td.rdThemeDataTableCell.rdCgPositionCellXAxis {
    background-color: #ffffff;
    border-style: none;
}

现在我不知道它是如何在某些浏览器中运行的，有些则不然，但它需要在任何地方都能运行。

Answer 1

我不知道这是否对您有所帮助。

填充，边框似乎在不同的浏览器中有所不同。据我所知，您的问题与特定浏览器有关。

有一些方法可以定位特定的浏览器并应用自定义样式来预测问题所在的内容。

- WebKit - 对于Chorme，Opera

@media screen and (-webkit-min-device-pixel-ratio:0) {    
    .ar #form-wrapper {
        width: 330px;
    }      
}

moz-document For Firefox：

 @-moz-document url-prefix() {       
    .submit_btn {
        padding-bottom: 5px;
    }
}

Link regarding other browser tricks

Answer 2

答案是我使用了时间输入，但我的时间选择器没有样式类。这就产生了Chrome和Opera无法对其做出反应的问题。