[RESOLVED]remove formating from text in html

i try to remove text decoration from text undersline is remove but when i move cursor on text the color is dislay over text so how to remove this color

image

here is the code

messbox
{
    background-color: #C2E1EE;
border: 1px solid;
padding-top: 20px;
border-color: #8EC3D9;
margin-left: 40px;
margin-right: 150px;
padding-bottom: 20px;
}
.message_box_title
{
    color:#475D66;
    font-size:16px;
    font-family:Candara;
    font-weight:bold;
    margin-left: 12px;
margin-top: -10px;
}


.contectmessage a
{
    color:#2A84AE;
    text-decoration:none;
    font-family:Candara;
    margin-left:12px;




    }

Links have different states:

a:link – a normal, unvisited link
a:visited – a link the user has visited
a:hover – a link when the user mouses over it
a:active – a link the moment it is clicked

To change style for mouse over the .contectmessage a

either add

.contectmessage a, .contectmessage a:hover
{
    color:#2A84AE;
    text-decoration:none;
    font-family:Candara;
    margin-left:12px;
}

or create a new style for it e.g.

.contectmessage a:hover
{
    text-decoration:none;
}

Hi Bakhtawar,

Just as smirnov said, I suppose you are use the hover Selector in your code. If that is the case, if you want to remove the color. You could remove it. And, you could also change the
background-color when the user mouse over the text.

More information, please refer to
hover Selector
.

Best Regards,
Dillion

Leave a Reply