HTML 按钮元素上的多个类答案

【问题标题】：HTML Multiple classes on button elementHTML 按钮元素上的多个类
【发布时间】：2010-08-30 13:38:09
【问题描述】：

我了解元素可以有多个类：

.rfrsh-btn {
    background-image:url(../../upload/rfrsh_nb_grey.png);
    ... 
}

.submit
{
    font-size: 0.85em;
    padding: 0;
}

这在以前作为 ID 可以完美运行。现在我把它改成了一个类，你瞧，没有图像。

但由于某种原因，这个<button> 元素似乎不想在应用背景图像和样式的情况下显示。

这是有原因的吗？或者我是代码盲并且做错了什么。

我也不能使用 ID，因为它在页面上重复了很多次。

谢谢大家:)

【问题讨论】：

我看不出您发布的 HTML 和 CSS 有什么问题。你想做什么，而正在发生什么？
这个<button> 元素似乎并不想具体做什么？
只是一个建议，但大多数主要浏览器都有开发工具或插件，允许您选择页面元素并确定哪些样式被应用或不被应用。 Firebug for Firefox 或 Internet Explorer 开发者工具栏是可以帮助您诊断问题的工具示例。
是的，使用 Firebug 和 Chrome 的开发者工具。此外，编辑问题以澄清。
刚刚用连字符替换了下划线。没有变化，将尝试单独的类名，然后没有连字符。

【解决方案1】：

有几个原因。例如，您的图像路径很可能不正确。值得注意的是，CSS 中的路径是相对于 .css 文件的位置，而不是相对于包含页面的。

然而，为了更好地了解现在和未来发生的事情，我建议要么使用 Chrome，它提供了一套很好的调试工具，要么使用安装了 Firebug 的 Firefox。通过这种方式，您可以检查您的元素并查看应用了哪些样式、重叠了哪些样式或浏览器无法找到的任何图像。

【讨论】：

【解决方案2】：

类名中的下划线可能会导致问题。尝试重命名 rfrsh_btn。

【讨论】：

哦，来吧上！该列表中的所有浏览器都至少有 10 年的历史！这几乎不是相关信息。
有趣，但那是在 2006 年写的，我认为这仍然不是问题（甚至那篇文章说 IE6 可以很好地处理它们）：stackoverflow.com/questions/1686337/…