elementui change the navigation bar style

 

 Originally so, click on the underlined there is a background, but does not require business needs, wanted a way to hide the console can observe the effects find the appropriate classes written in the format

The following effects:

 

 Put Code

<style>
.el-menu-demo{
    height: 40px;
    /* border-bottom-color:none!important; */
    background-color:rgba(0,0,0,0);
    float:right;
    margin-right: 8.54%;

}
/ * Click on the underlined hide out * / 
.el -menu-Item. IS - the Active {
    border-bottom: none!important;
    color: rgba(0,0,0,0);
}
/ * Overall underline hide * / 
.el -menu.el-menu-- Horizontal {
  border-bottom: none;
}
/ * Navigation bar spacing pattern * / 
.el -menu- Item {
  padding: 0 62px;
  font-size: 16px;
}

/ * Click movable out of the underlined residues in hiding efficiency * / 
.el -menu - Horizontal> .el-Menu- Item {
    border-bottom: none;
}
/* 点击以后的背景色进行隐藏 */
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: rgba(0,0,0,0);
}
</style>