Ищу тоже самое что и вы, и похоже
нашел.
Пример:
<a href="/" onclick="stylech();return false;">style change</a><br>
<script>
function stylech(){
tmp=document.createElement("div");
tmp.innerHTML = '<style type="text/css">a:hover{color:orange!important;font:bold 14px Tahoma,sans-serif!important;}</style>';
document.body.appendChild(tmp.firstChild);}
</script>
Можно подгружать и так
<a href="/" onclick="stylech();return false;">style change</a><br>
<script>
function stylech(){
tmp=document.createElement("div");
tmp.innerHTML = '<link rel="stylesheet" type="text/css" href="v2.css">';
document.body.appendChild(tmp.firstChild);}
</script>
Но не забывайте в v2.css указывать
!important;