[Solved] Styles of the button border on hover

#wpcomm input.wc_comm_submit.button.alt:hover {
   border: 1px solid #f3c7c7 !important;
}

Don't forget to change the red marked color code before using. 

Thank you Arina! It worked for me. Do I need to insert same code for wpdiscuz_subscription_button or it can be combined in one block of CSS code in any way?

Hi @george,

You need to insert CSS rules. I don't follow you well, but I think this CSS code should help you.

select.wpdiscuz_select {
   border: 1px solid red !important;
}

.wpdiscuz-item > input.email {
   border: 1px solid red !important;
}

Hi!

Thanks you for reply. But it is not really what I need. Your code changes border outside the items list but I need to change the styles button on hover (see attachment).

Hi @george,

ok,  you need to use this code:

input#wpdiscuz_subscription_button:hover {
   border: 1px solid #f3c7c7 !important;
}

Thank you @astghik! Now it looks good.

Hi!

I found one more button with black colored border on hover. This is "Load More" button.

Can you please help to add custom CSS code to the added before which will help to get rid of black border of the "Load More" button?

.comments-area{width:auto;}
#wpcomm input.wc_comm_submit.button.alt:hover {border: 1px solid #d30007 !important;}
input#wpdiscuz_subscription_button:hover {border: 1px solid #d30007 !important;}

Hi @george,

This CSS code should help you to solve the problem. 

#wpcomm .wc-load-more-submit:hover{
   border: 1px solid #d30007 !important
}

Posted by: Astghik

Hi @george,

This CSS code should help you to solve the problem. 

#wpcomm .wc-load-more-submit:hover{
   border: 1px solid #d30007 !important
}

Thank you @astghik! Thant is what I need.