How to remove the underline for anchors(links)?

Use CSS. this removes underlines from a and u elements:

a, u {
    text-decoration: none;
}

Sometimes you need to override other styles for elements, in which case you can use the !important modifier on your rule:

a {
    text-decoration: none !important;
}

The css is

text-decoration: none;

and

text-decoration: underline;

This will remove your colour as well as the underline that anchor tag exists with

a {
    text-decoration: none ;
}

a:hover {
    color:white;
    text-decoration:none;
    cursor:pointer;
}