Question

好吧，我遇到了一个非常奇怪的情况，在这里我有一张桌子，当您按一下它的区域时，它会展开并显示更多信息。当它扩展时，我要删除圆形的边框，必须使颜色平滑。它通常在不同的tr之间按下时发生，为此，我使用了此功能。通常，如果我按此区域以删除扩展区域，而不是再次备份到同一行，则它确实是随机的

function getRowColor(props: Props, i :Info)
{
        if(i.currentTarget === props.currentTarget)
        {
            return "without-border";
        }
        return "with-border";
    }
}

和CSS

.with-border td:first-child
  {
    border-top-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
  }

.with-border td:last-child
 {
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
}

.without-border td:first-child {
    border-bottom-left-radius: 0;
  }

.without-border td:last-child {
    border-bottom-right-radius: 0;
}

我定位的元素有多个基于值呈现。

<tr className={getRowColor(props, l)}>

我在检查器中看到规则应按原样应用，但屏幕有时会做出更改，有时甚至不是很松脆，即使检查器在删除和添加渲染时看起来正确，也是如此。有人知道为什么吗？它确实会重新渲染，因为否则当我单击另一行时，该类将不会被添加/删除，但是由于某些原因，边框半径有时不会反射css。

编辑

好吧，所以我尝试将背景设为绿色带边框，将红色设为不带边框，并且当边框半径未应用时，background-color仍然适用，这显然与边框半径有关< / p>

切换套用CSS边框半径，但不影响元素

0 个答案: