input的Css樣式

 　　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>

        注：更多精彩文章請關注三聯網頁設計教程欄目。