2012-07-19 93 views
0

當我選擇這個小提琴投票按鈕周圍保留按鈕矩形邊框:http://jsfiddle.net/3Uz7S/4/如何點擊時

表決圖像更新的Firefox /鉻橢圓形。

如何更新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; 
} 
+0

是不是這只是一個延續[您剛纔的問題(http://stackoverflow.com/questions/11564544/rectangular-border-style-with-sharp -corners)? – MrOBrian 2012-07-19 20:13:24

+0

還沒有我的答案解決了你的問題? – haynar 2012-07-19 20:30:01

+0

@haynar提出了你的答案,謝謝。喬納森最初回答說,由一分鐘:) – user701254 2012-07-19 20:44:17

回答

0

應用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; 
} 
+0

downvoters:請添加評論 – haynar 2012-07-27 11:35:57

1

它改變的點擊pds-vote-button-load

的jsfiddle:http://jsfiddle.net/3Uz7S/5/

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

添加到您的CSS

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