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 override HTML image using CSS

    How to make this inner div vertically centered? (Using CSS)

    How can I add a border to the right side of this object?

    How to get table-row css and border property work together?

    How can I convert a SASS file to a CSS file in an ANT task?

    How do I auto play my slideshow

    How to control the area of background so it only makes a limited area has color other area don't?

    how to apply css on specific td on first tr

    How do I make a placeholder for a 'select' box?

    How to adjust CSS to display correctly in IE 6?

    How to make table td take the width of its content

    How to set different css attributes with JQuery?

    How can I convert this from jQuery to vanilla JS?

    How to create fixed sidebar with Skeleton CSS?

    How to add css style in php email?

    How does this site hide the iframe scrollbar?

    How to disable the letter tail from the last letter of a word in CSS?

    How to include multiple Css Class in ActionLink?

    How to make rollover images in CSS using multiple image backgrounds and :hover pseudo

    How do I access font features in CSS?

    how to align vertically an absolute element with a variable height above its parent?

    How to apply SVG filter to an element?

    How to scale and center text vertically in a fluid layout? (using CSS)

    How to make navigation bar of pure css slider?

    How to get all child elements using an xpath selector?

    form not showing up properly in chrome and IE6

    HTML/CSS: how to expand a table row i only one direction?

    CSS: How to set hover effect on menu-item when submenu-item is displayed

    How to absolutely position element against page rather than floated parent?

    css: how to get the browser's default font family