change wordpress navigation item menu background color on active

Issue

hello i am trying to change the background color of my menu item when ever a page is active or selected, i tried it the normal way using css, this what i have tried

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:selected {
    color: #373737;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    background-color: blue;
}
#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:active {
    color: #373737;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    background-color: blue;
}

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:current {
    color: #373737;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    background-color: blue;
}

This is what i am trying to achieve

This is the present page you can see the state of the menu: web link

Is there any other way i can get this menu to look that way?

Solution

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu li.current-menu-item > a {
    color: #373737;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    background-color: blue;
}

Answered By - Johann Kratzik