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

How to retain rectangular border around button when clicked

本文关键字：保留 边框 周围 按钮 单击      更新时间：2023-12-09

当我选择这个小提琴上的投票按钮时：http://jsfiddle.net/3Uz7S/4/

firefox/chrome上的投票图像更新为椭圆形。

如何更新css，以便在选择"投票"时按钮保持其矩形形状，或者这可能吗？

Fiddle代码：

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

它将单击时的类更改为pds-vote-button-load

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

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

将其添加到CSS 中

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

还将CSS样式应用于类"pds投票按钮加载"，并添加-moz-border-radius和

.pds-vote-button, .pds-vote-button-load {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important; 
}
相关文章：