IE、Firefox 和 Google Chrome 的表格行 CSS 样式问题

【问题标题】：Table row CSS styling issue for IE, Firefox, and Google ChromeIE、Firefox 和 Google Chrome 的表格行 CSS 样式问题
【发布时间】：2017-07-30 05:17:46
【问题描述】：

我尝试使用 CSS 勾勒表格行。例如：

http://jsfiddle.net/huifei/zg2Mf/

<table>
    <tr class="RowStyling">
        <td rowspan="2">Telephone:</td>
        <td>555 77 854</td>
    </tr>
    <tr>
        <td>555 77 855</td>
    </tr>
</table>

但是每个浏览器都会给我不同的样式。

问题：有什么解决办法吗？

【问题讨论】：

标签： html css html-table tablerow

【解决方案1】：

每个浏览器都会以不同的方式呈现 CSS 属性，例如你的行轮廓，我过去在按钮上也有过。 Safari 会将它们四舍五入，而 Firefox 和 Chrome 将使它们保持不变。我建议阅读这个http://www.thesitewizard.com/css/excludecss.shtml，我以前看过这个，它似乎很有帮助。还有这个http://css-tricks.com/snippets/css/browser-specific-hacks/。

【讨论】：