Question

When I select the vote button on this fiddle : http://jsfiddle.net/3Uz7S/4/

The vote image updates to an oval shape on firefox/chrome.

How can the css be updated so that when ‘vote’ is selected the button retains its rectangular shape or is this even possible ?

Fiddle code :

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script>

.pds-vote-button {
    border-radius:0 !important;     
    -webkit-border-radius:0 !important; 
}

.pds-box {    
border-radius:0 !important;     
-webkit-border-radius:0 !important; 
}

Answer 1

apply CSS styles also to class “pds-vote-button-load” and add -moz-border-radius as well

.pds-vote-button, .pds-vote-button-load {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important; 
}