How to retain rectangular border around button when clicked


Tags: javascript,jquery,css

Problem :

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; 
}


Solution :

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; 
}

    CSS Howto..

    How to recalculate css with jQuery window resize?

    CSS: How to align elements around a centered element?

    How to update element.styles css

    how to fix this horizontal list on Chrome and Opera?

    How to set overlay on a page according to page height using CSS

    how to get the css floating property to work with four divs?

    Responsive CSS background image - how to make content follow

    How can I translate with webkit-transform enough so that

    CSS: How to move hint box (a:hover) to the left?

    How to do a dynamic pulsating button in javascript?

    How do I get a fixed positioned footer, fixed width right column, left column for the rest using CSS lay-out?

    how to target individual elements in grails g:render

    How to get ratio of scale image, when it's autoscaled by background-cover?

    how to change other element css when selected element has new class

    Is not showing anything, or showing “undefined”

    How to make image appear upon hover over text using css?

    CSS Rotation and Styling - how to?

    How to re-animate CSS3 animations on class change

    How to edit HTML with CSS? [closed]

    simplecart.js Images not Showing in IE8 on blogger.com site

    The UI Designers and Marketing people at my company don't want “awkward line breaks”. How to do with CSS or JS? [closed]

    How to use a jQuery variable in CSS property

    How to vertically align the baseline of text to a set point in HTML/CSS

    How to use JavaScript to Alter CSS for Multiple Elements

    How do I prevent it from newlining in html?

    In GWT, how to reference an external (obfuscated) CSS in another CSS file

    In html, how is a child element's percentage-based size calculated when its parent has padding?

    How to fit image into table cell by height with CSS (where the height is not defined explicitly)

    Prestashop - How to edit views [closed]

    How to make CSS color transition time correctly with transform perspective?