CSS Buttons and other things

[Leefish]

maybe try using the content in css approach; if you gave the class a content based on your icons it might work.

Something like....

a.multiquote.icon-star:hover:before {font-family:"font-awesome";content: '\e833'; }

Which should replace the icon-star with an asterix. Purely theoretical, not tested.

Handy link: http://css-tricks.com/css-content/

ok, edit to add, I got this working, but you do need to fiddle with the margins to click.

Example

<span class="postbitbutton multiquote" id="multiquote_{$post['pid']}" title="{$lang->postbit_quote}">
     <a href="javascript:Thread.multiQuote({$post['pid']});" style="display: none;" id="multiquote_link_{$post['pid']}"></span><span class="multiquote multiquote_on"></span></a>
 </span>
 <script type="text/javascript">
     $('multiquote_link_{$post['pid']}').style.display = '';
 </script>

CSS

.multiquote:before {content:"hi";margin-right:-15px;}
.multiquote.multiquote_on:before {content:"wut";margin-right:-15px;}