Webmaster Forum / HTML, CSS, Scripts / CSS / December 2007

Not sure about your HTC but mine the style would be

/* just add the behavior to elements with this class */
.abc { behavior: url(IEFixes.htc); }
.abc { width: 100px; background-color: aqua;  }

/* for modern web browse with pseudo class support */
.abc:hover  {background-color: navy; color: white; }

/* special 'hover' class for ol' IE */
.abc.hover  {background-color: navy; color: white; }

The HTC file that I am using just this:

<public:component>
// For MSIE use JScript to attach JS functions to compensate
// for missing pseudo-class support
// from Vladdy  http://www.vladdy.net/Demos/IEPseudoClassesFix.html
// updated for html4.01 jnl 3/06
// added focus|blur jnl 5/07
<public:attach event="onmouseover" onevent="DoHover()">
<public:attach event="onmouseout"  onevent="RestoreHover()">
<public:attach event="onmousedown" onevent="DoActive()">
<public:attach event="onmouseup"   onevent="RestoreActive()">
<public:attach event="onfocus" onevent="DoFocus()">
<public:attach event="onblur"   onevent="RestoreFocus()">
<script type="text/jscript">
  function DoHover(){
    element.className += ' hover';
  }
  function DoActive(){
    element.className += ' active';
  }
  function DoFocus(){
    element.className += ' focus';
  }
  function RestoreHover(){
    element.className = element.className.replace(/\shover\b/,'');
  }
  function RestoreActive(){
    element.className = element.className.replace(/\sactive\b/,'');
  }
  function RestoreFocus(){
    element.className = element.className.replace(/\sfocus\b/,'');
  }
</script>
</public:component>