# CSS help with text rollOver

**URL:** <https://forum.kirupa.com/t/css-help-with-text-rollover/119531>\
**Category:** Uncategorized\
**Created:** [August 16, 2004, 4:13am UTC](https://forum.kirupa.com/t/css-help-with-text-rollover/119531 "2004-08-16T04:13:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rysolag](https://avatars.discourse-cdn.com/v4/letter/r/ba8739/32.png) [@rysolag](https://forum.kirupa.com/u/rysolag)\
**Post date:** [August 16, 2004, 4:13am UTC](https://forum.kirupa.com/t/css-help-with-text-rollover/119531/1 "2004-08-16T04:13:16Z")

</div>

hi

i am having trouble with some CSS. i just want a link to be blue, then red on the rollOver - no underline, no default puke purple. i use a style and then a style a:hover.

please look at the attached file and test it in IE and NN.

thanks Ryan

---

<div class="post-metadata">

**Author:** ![minimalistik](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@minimalistik](https://forum.kirupa.com/u/minimalistik)\
**Post date:** [August 16, 2004, 9:21am UTC](https://forum.kirupa.com/t/css-help-with-text-rollover/119531/2 "2004-08-16T09:21:22Z")

</div>

```auto

a:link {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #777777; 
text-decoration : none; 
} 

a:hover {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #000000; 
text-decoration : none; 
background : #cdff33; 
} 

a:visited {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #777777; 
text-decoration : none; 
} 

a:active {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #000000; 
text-decoration : none; 
} 

a.type1:link {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #666666; 
text-decoration : none; 
} 

```

I think thats what you need. Check [www.w3schools.com](http://www.w3schools.com) for furth help if needed in depth.