移除按钮中选中的圆圈。

huangapple
go评论108阅读模式
英文:

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:

  1. <NavButton disabled={loading || rowsLength < size} onClick={handleNext}>
  2.   <AngleRightIcon size={24} />
  3. </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:

  1. &lt;NavButton disabled={loading || rowsLength &lt; size} onClick={handleNext}&gt;
  2.   &lt;AngleRightIcon size={24} /&gt;
  3. &lt;/NavButton&gt;

Thanks for your answers!

答案1

得分: 0

根据您在评论中提到的 CSS，使用以下方式更新您的样式：

  1. const NavButton = styled(IconButton)({
  2.   width: 64,
  3.   height: 64,
  4.   '&:active': {
  5.     background: 'transparent',
  6.   },
  7.   '&:hover': {
  8.     background: 'transparent',
  9.   },
  10. });
英文:

As you mentioned css in comment, update your style with this:

  1. const NavButton = styled(IconButton)({
  2.   width: 64,
  3.   height: 64,
  4.   &#39;&amp;:active&#39;: {
  5.     background: &#39;transparent&#39;,
  6.   },
  7.   &#39;&amp;:hover&#39;: {
  8.     background: &#39;transparent&#39;,
  9.   },
  10. });

huangapple
  • 本文由 发表于 2023年5月10日 16:53:33
  • 转载请务必保留本文链接：https://go.coder-hub.com/76216556.html
  • css
  • javascript
  • reactjs
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定