防止子边界半径影响IE和Edge中的父边界

时间:2018-08-02 15:25:02

标签: html css internet-explorer microsoft-edge

在Chrome,Firefox和Safari中,元素的边框不受子元素的边框半径影响,这正是我想要的。但是,在IE 11和Edge中,Causes的border-radius会导致该元素的行为就好像它具有边界半径一样。我该如何解决?

table {
  border-collapse: collapse;
}
tr {
  border: 2px solid red;
}

td {
  border-radius: 20px;
}
<table>
  <tbody>
    <tr><td>hello</td></tr>
  </tbody>
</table>

CodePan

0 个答案:

没有答案