我的检查器检测跨度上的背景色，但不在chrome和safari上显示它。它在Firefox上工作。

burgerStyled.js=>；

    span {
        height: ${({ open }) => open ? '0.10rem' : '0.15rem'};
        //background: red doesn't work either
        background: ${({ theme, open }) => open ? theme.colors.white : theme.colors.black};
        border-radius: 10px;
        transition: all 0.15s linear;
        position: relative;
        transform-origin: 1px;
    }

burger.js=>；

const Burger = ({ open, setOpen, ...props }) => {
const isExpanded = open ? true : false;

return (
    <StyledBurger aria-label="Toggle menu" aria-expanded={isExpanded} open={open} onClick={() => setOpen(!open)} {...props}>
      <span />
      <span />
      <span />
    </StyledBurger>
)

Burger.propTypes = {
open: bool.isRequired,
setOpen: func.isRequired,
};

有人知道可能是什么吗？提前谢谢你。