如何重置默认的Chakra UI按钮样式?

Question

baseStyle: {
borderRadius: '6px',
fontWeight: 700,
fontSize: '14px',
},
variants: {
solid: (props) => ({
bg: mode('light', 'dark')(props),
color: mode('white', 'darkLight')(props),
_hover: {
opacity: 0.5,
},
}),
},
};

当鼠标悬停在按钮上时，标准的Chakra UI悬停样式应用于不透明度，我想删除这个

Answer 1

我可以通过添加属性bg: null来解决这个问题，如果你知道更好的解决方案请告诉我