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

Html IE、Firefox和Google Chrome的表行CSS样式问题,html,css,html-table,tablerow,Html,Css,Html Table,Tablerow,我尝试使用CSS勾勒出表格行的轮廓。 例如: 电话: 555 77 854 555 77 855 但是每个浏览器都给了我不同的风格 问题:有没有办法解决这个问题?每个浏览器都会以不同的方式呈现CSS属性,例如,像您的行轮廓一样,我以前也在按钮上使用过它。Safari将在Firefox和Chrome将保持方正的地方把它们围起来。我建议读一读这篇文章,我以前看过这篇文章,它似乎很有帮助。还有这个 <table> <tr class="RowStyling">

我尝试使用CSS勾勒出表格行的轮廓。 例如:


电话:
555 77 854
555 77 855
但是每个浏览器都给了我不同的风格


问题:有没有办法解决这个问题?

每个浏览器都会以不同的方式呈现CSS属性,例如,像您的行轮廓一样,我以前也在按钮上使用过它。Safari将在Firefox和Chrome将保持方正的地方把它们围起来。我建议读一读这篇文章,我以前看过这篇文章,它似乎很有帮助。还有这个

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