cssfile:

input {

behavior: url(bindbutton.htc);

}

htcfile:

<PUBLIC:COMPONENT lightWeight=true> 
  <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="load()" /> 

  <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="mouseout()" /> 

  <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="mousemove()" /> 

  <PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="mousedown()" /> 

 <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="mouseup()" /> 
  <PUBLIC:PROPERTY NAME="direction" /> 

  <SCRIPT LANGUAGE="JScript"> 

 function load() 
  { 

  if ((element.tagName == 'INPUT' && (element.type == 'button' || element.type == 'submit' || element.type == 'reset')) || (element.tagName == 'BUTTON')) 

{ 
  element.style['background'] = '....'; 

  } 

  element.style.border = ((element.type=='checkbox'||element.type=='radio')?'none':'1px double #888888'); 

} 

  function setImage(sImg) 
  { 
  if (bSet) 
  { 
  //element.style['background'] = 'URL('+ sImg +')'; 

 } 
  } 

  function mouseout() { setImage(aNormal[iDir]); try{element.style.MozOpacity=0.8;element.filters.alpha.opacity=80;}catch(e){}} 

function mousemove() { setImage(aOver[iDir]); try{element.style.MozOpacity=1;element.filters.alpha.opacity=100;}catch(e){}} 

function mousedown() { setImage(aClick[iDir]); } 
  function mouseup() { setImage(aNormal[iDir]); } 

  </SCRIPT> 

  </PUBLIC:COMPONENT>

        注：更多精彩文章请关注三联网页设计教程栏目。