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

也将CSS样式应用于“pds-vote-button-load”类，并添加-moz-border-radius

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

如何在单击时保留按钮周围的矩形边框

3 个答案: