2012-03-05 131 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