Html 使用tab按钮时更改突出显示的按钮的颜色

我目前正试图让我的应用程序对用户来说更加键盘/视觉友好。我添加了一些功能，可以为用户提供更好的视觉指示，但我注意到，在使用按钮时，在按下应用程序时，很难看到按钮当前何时高亮显示

如示例所示，我们可以看到左侧的按钮高亮显示。然而，我希望它要么突出显示功能是一个不同的封面，要么是更大的，这样用户就可以看到，这是事实

 <button class="btn btn-blue" ng-click="handleCreate()" ng-show="isNew" ng-disabled="detailsForm.$invalid">
        Create
 </button>

我假设我需要修改css，但我不太确定如何实现这一点，或者我需要什么标签。有什么建议吗？

有：焦点选择器

按钮：焦点{ 背景：ff0000； } 测试1 测试2 TEST3使用：焦点规则

例如：

.button:focus {
    border: 1px solid red;
}