jquery - 跨浏览器 css 样式建议

Question

我在 IE 11 和在 Chrome 中运行良好的 mozila 中遇到了几个 CSS 问题。

1. Border-Radius 问题 - 在 chrome 中有效但在 IE 11 中无效

   table, td, th {
      border-radius: 25px;
      border-collapse: collapse;
      background-color: #C0C0C0;
      border: 2px solid rgb(255, 255, 255);
   }
   

2. 应用的样式表在 Chrome 和 IE 11 中运行良好，但在 Firefox 中运行不佳。

3. 在 Chrome 中正确对齐的表格在 IE 11 中有点错位。

解决所有这些问题的最佳方法是什么。我读了很多关于这些的文章。我取消选中兼容性 View 设置(内联网)选项，这是一篇文章中的一个建议。但似乎没有什么进展顺利。

有线索吗？

Answer 1

你能试试下面的代码吗？

  table, td, th {
    border-radius: 25px;
    -moz-border-radius: 25px; /*ff*/
    -ms-border-radius: 25px; /*ie11*/
    border-collapse: collapse;
    background-color: #C0C0C0;
    border: 2px solid rgb(255, 255, 255);
  }