Problema onclick con onmouesout

[gabriel0420]

tengo un boto asi:

Código:

<a id="r" class="menu_inf" href="##" onclick="javascript:sel('r')" onmouseover="javascript:il('rf')" onmouseout="javascript:ap('rf')" >&nbsp;RF</a>

El js

Código:

  function sel(id){
document.getElementById(id2).style.backgroundColor='transparent';
}
  
   function il(id){
   document.getElementById(id).style.backgroundColor='transparent';
   }
   
      function ap(id){
   document.getElementById(id).style.backgroundColor='#8ebfe2';
   }

funciona asi:
cuando se pasa el mouse sobre este el fondo se pone transparente,
cuando se Quita el mouse vuelve a su color original.
y cuando se selecciona quiero que se quede en transparente.

selecciono y se hace transparente pero al quitar el mouese me ejecuta el evento onmouseout.

como le puedo hacer para que esto no suceda.