# CSS help with text rollOver

**URL:** <https://forum.kirupa.com/t/css-help-with-text-rollover/61107>\
**Category:** web dev\
**Created:** [August 16, 2004, 4:13am UTC](https://forum.kirupa.com/t/css-help-with-text-rollover/61107 "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/61107/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:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 16, 2004, 9:21am UTC](https://forum.kirupa.com/t/css-help-with-text-rollover/61107/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.