Javascript 按“输入类型”按钮以更改输入时的焦点

我有一个红色的输入类型按钮。我使用CSS将鼠标悬停时按钮的颜色更改为蓝色。如果使用tab按钮，并且它到达输入按钮，则应变为绿色。我在CSS中使用了focus，但当我按下enter键时，它仍然是绿色的，但我希望它恢复到最初的红色。基本上，我想在按下enter键后移除焦点

我试过这个：

<div style="position: absolute; margin: 0; left: 0; bottom: 0"> <input id=" car" class="button calculator large top-right-border transition" type="submit" /> </div>

在CSS文件中

#car { background-color: red; }
#car:focus { background-color: green; }

使用jQuery，在DocumentReady函数中，为输入的click事件添加一个处理程序。即：

$(function() {
     $('#car').click(function() { 
         // Unfocus from the input when it's clicked
         $(this).blur();
     });
});

---

这将从按钮取消焦点，将css返回到非焦点类

我想知道这是否适用于您-

JS

或者只是CSS：

#mybutton {
    background-color: red;
    color: white;
}
#mybutton:hover {
    background-color: blue;
    color: white;
}
#mybutton:focus {
    background-color: green;
    color: white;
}

---

请让我们知道您的一些代码，以便fiddle@abhi不要写评论，无论你尝试过什么，都要写有问题的东西。否则你会在这里获得否决票。有人能回答我是新来的吗？是的，我尝试过这个，我希望当你按按钮上的enter键时，它会恢复到原来的颜色。我希望当我聚焦并按enter键时，它会将颜色改回原来的颜色，即从绿色变为红色是jquery javascript html和你想要什么都行

#mybutton {
    background-color: red;
    color: white;
}
#mybutton:hover {
    background-color: blue;
    color: white;
}
#mybutton:focus {
    background-color: green;
    color: white;
}