HTML <font> Tag

[dwarfdude77]

How can I do the same thing in CSS without using the <font> tag?

<td> <a class="topBar" href=""> <font onmouseover="this.color='#000000'"onmouseout="this.color='#ffffff'"> Home </font</a></td>

 

[iFargle]

Use the hover attribute

.topbar:hover { color:#000000; }
.topbar { color:#ffffff; }

 

[dwarfdude77]

Use the hover attribute

.topbar:hover { color:#000000; }
.topbar { color:#ffffff; }

Perfect! Thanks.

 

[carnageX]

Take note if you intend to use the :hover selector in IE on controls other than the <a> tag:

CSS :hover Selector

Note: In IE there must be declared a <!DOCTYPE> for the :hover selector to work on other elements than the <a> element.

 

[iFargle]

Pffff who codes for IE these days....
I'm so thankful I'm not a full time web dev

 

[carnageX]

Pffff who codes for IE these days....
I'm so thankful I'm not a full time web dev

I have to code for IE still .

It's our official browser at work - plus the general public still uses IE a lot. So I have to do a lot of cross-browser checking. Good thing we have access to BrowserStack, so I can test in all the popular browsers (and all their versions). PC, Mac, Mobile (Android/iOS).

 

[iFargle]

Oh I know... It felt weird that my old job moved to Chrome. Government is like.. ran on IE
My current job uses Chrome.. as expected

 

[carnageX]

Oh I know... It felt weird that my old job moved to Chrome. Government is like.. ran on IE
My current job uses Chrome.. as expected

Lol yeah, we're primarily a M$ place (.NET for development, SQL Server, IIS, etc.).