Set style of element:focus{} for Cross-Browsers
text |
text |
text |
text |
|
|
|
|
<![CDATA[
<script language="JavaScript">
;new function(){
var isMSIE = /*@cc_on!@*/false;
if( !isMSIE ){ return };
var YUE = YAHOO.util.Event;
var YUD = YAHOO.util.Dom;
var onFocusHandle = function(e){
var dEl = YUE.getTarget(e);
var sTag = dEl.tagName;
if( sTag && (sTag == 'A' || sTag == 'INPUT' || sTag == 'SELECT' || sTag == 'BUTTON' ) ){
if(e.type == 'focusin'){
dEl.hideFocus = true;
YUD.addClass( dEl , 'dom-focus');
}else{
YUD.removeClass( dEl , 'dom-focus');
};
};
};
YUE.on(document,'focusin', onFocusHandle);
YUE.on(document,'focusout', onFocusHandle);
};
</script>
<style>
body,a,button,input,select,textarea{
outline:none;
font:large/1.2 Tahoma;
color:#222;
}
*:focus,*.dom-focus{
background:#FF0000;
color:#FF9900;
padding:0 4px;
}
</style>
]]>