Blazor单击图像按钮后，图像带有边框

Question

我正在为我的Blazor Nuget软件包之一构建示例项目，并且遇到了一个通常只在Windows Forms类型的项目中看到的问题。

[单击箭头按钮后，按钮带有边框：

在Windows Form世界中，我会将焦点设置在屏幕外的文本框或控件上。

如果单击后有一个CSS设置，也许可以解决问题，或者有人知道从按钮清除焦点的方法吗？

我的按钮只是一个简单的按钮：

<button class="nextbutton" @onclick="NextButton_Click"></button>

以及下一个按钮的css：

.nextbutton 
{
    display: inline-block;
    border: none;
    width: 52px;
    height: 64px;
    background-image: url('../images/buttons/bluearrowright.png');
    background-color: transparent;
    transform: scale(0.75);
    transform-origin: left;
}

[如果有CSS技巧，或者是将焦点设置到屏幕外的方式，请先感谢，如果您向我展示JavaScript，我可以接受。

Answer 1

这里是我的答案的来源。我已经在这里投票了。

How to remove focus around buttons on click

.nextbutton:focus 
{
  outline: none;
}

我在发布之前确实进行了搜索，但是在等待答案的同时搜索了更多内容，并找到了上面的帖子。工作完美。