英文:
Remove circle selected in button
问题
I have to do this task. I need to remove the shadow/circle when selecting a button. The shadow is when the cursor is on it.
You have the image here
The code that I have is this:
<NavButton disabled={loading || rowsLength < size} onClick={handleNext}>
<AngleRightIcon size={24} />
</NavButton>
Thanks for your answers!
英文:
I have to do this task. I need to remove the shadow/circle when selecting a button. The shadow is when the cursor is on it.
You have the image here
The code that I have is this:
<NavButton disabled={loading || rowsLength < size} onClick={handleNext}>
<AngleRightIcon size={24} />
</NavButton>
Thanks for your answers!
答案1
得分: 0
根据您在评论中提到的 CSS，使用以下方式更新您的样式：
const NavButton = styled(IconButton)({
width: 64,
height: 64,
'&:active': {
background: 'transparent',
},
'&:hover': {
background: 'transparent',
},
});
英文:
As you mentioned css in comment, update your style with this:
const NavButton = styled(IconButton)({
width: 64,
height: 64,
'&:active': {
background: 'transparent',
},
'&:hover': {
background: 'transparent',
},
});
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论