Question

我在使用mozilla查看我的网络应用时遇到问题。在我的网络应用程序中，我有一个按钮的css样式如下：

.page_button
{

 BACKGROUND-IMAGE: url(../images/pagebutton_bg2.png); 
 BORDER-LEFT:0px; 
 /*WIDTH: 100%;*/
 CURSOR: pointer; 
 /*COLOR: #000000;*/
 BORDER-BOTTOM:0px; 

}

如上所述，我已将"Width:100%"＆amp; "Color:#000000"属性注释掉，因为它们会导致Mozilla Firefox出现问题。（width100％选项使我的按钮看起来非常小） - 所以我评论了它们

但问题是这个按钮继承了相同的Color:#000000＆amp;来自其他父元素的Width:100%。如何停止此继承。

我甚至尝试覆盖这些属性，例如：Color : null; Width : none ---＆gt;但这不起作用。

我感谢任何克服这一点的建议。

此致维杰

Answer 1

我不知道我是否正确理解你的问题，但如果你想防止意外继承，你可以尝试使用完整路径...所以不要只是.page_button你可以使用像body.page_button这样的东西，虽然它更多您可能应该在代码中的其他位置执行该操作，而不是在显示希望有助于...祝你好运的部分！

Answer 2

width为not an inheritable property，因此您必须使用其他选择器将样式width: 100%应用于您的按钮。

如果您还没有Firebug，那么我建议您安装并使用它。使用Firebug，您可以选择任何DOM元素并准确追溯元素上所有CSS属性的值的计算方式。

Answer 3

如果按钮位于链接元素上，则除非链接设置为display:block;或display:inline-block，否则宽度将无效; 。这可能会产生意想不到的效果。

我也是Firebug推荐的第二个！

Css级联问题：Mozilla

3 个答案: