You’ve defined your css-selector wrong.
The correct way to address the button is:
input[type=button]:hover {
background-color: green;
}
Read more about CSS Form selectors [here](background-color: green;).
solved How to have a HOVER effect on input[type=button] and how to fix the cursor problem for that? [closed]