javascript - クリックしたときにボタンの周りに長方形の境界線を保持する方法

Question

このフィドルの投票ボタンを選択すると：http：//jsfiddle.net/3Uz7S/4/

投票画像がFirefox/Chromeで楕円形に更新されます。

「投票」が選択されたときにボタンが長方形の形状を保持するようにCSSを更新するにはどうすればよいですか、それともこれは可能ですか？

フィドルコード：

<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

クリックするとクラスが次のように変更されますpds-vote-button-load

jsFiddle： http: //jsfiddle.net/3Uz7S/5/

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

Answer 2

これをCSSに追加します

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

Answer 3

クラス「pds-vote-button-load」にもCSSスタイルを適用し、同様に追加-moz-border-radiusします

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