2012-03-05 132 views
15

http://boutique40.com/無法更改微博按鈕寬度

我想將2個社交圖標完全對齊在中間。實際上,要做到這一點,我想設置爲80px的寬度值的Twitter圖標,但我不能這樣做。我只能在瀏覽器編輯器中做到這一點;我似乎無法選擇正確的課程,無論我做什麼,element.style都會覆蓋它。這是什麼?

element.style { 
    width: 110px; 
    height: 20px; 
} 

我不會包裝整個按鈕來改變大小(或我應該?)。這應該是工作的代碼是這樣的:

.twitter-share-button { vertical-align:top; 
margin-left:10px; width: 80px;} 

回答

35

在Chrome的開發者工具element.style顯示應用到所選元素的任何內嵌樣式。

覆蓋它們使用!important

因此要設置按鈕寬度80px你可以使用:

.twitter-share-button { 
width: 80px !important; 
} 
+0

太棒了,thanx! – 2012-03-05 14:04:18

+0

完美,謝謝。 – 2013-07-25 10:02:46

+0

這不處理櫃檯增長超出既定限制的情況。 Twitter尚未引入「修復」,這將允許計數器元素上的動態寬度。 – 2014-09-08 01:52:16

0

嘗試使用此按鈕,在當地的風格,通過使用樣式屬性:

style = "width: 80px;" 

本地風格應該覆蓋它。

+0

也嘗試過這一點,但不工作..不知道爲什麼。 – 2012-03-05 14:09:47