Hover event triggered automatically on page load in Chromium

In my web application, I've a login screen and a main home page. The login screen has username/password fields and login button. In the home page, I've a list of menu items with hover properties. Below is my issue.

When I tap login button in login screen, login is successful, home screen appears as expected. But the hover property of menu item that is in same position as login button in login screen is getting triggered. I'm using touch screen for this operation.

.links:hover {
  border-right: 3px solid #ff4400;
  order-left: 1px solid #ffffff;
  color: #1111111;
  background-color: #ffffff;
}