Question

firefox有什么问题吗？ <label>上的我的样式适用于每个浏览器，但FF。我正在使用3.5.5。我的意思是他们甚至可以在IE的每个版本中工作？有人有建议吗？

正如我所说，编辑可以在任何其他浏览器中使用。但所有这些都失败了。

<label style="color: #aaa; font-weight: bold;">Blah</label>

和

.mylabel {
color: #aaa; 
font-weight: bold;
}

<label class="mylabel">Blah</label>

和

label {
color: #aaa; 
font-weight: bold;
}

<label>Blah</label>

你去吧。代码中的错误在哪里？我肯定没有看到。

Answer 1

最可能的原因是有一些其他风格压倒了这些。你能做的最简单的事情是：

下载firebug：http://getfirebug.com/并安装它。
打开firebug，单击左上角的第二个按钮（看起来像箭头指向按钮的按钮），然后单击标签。在右侧，您将看到正在应用哪些样式以及哪些样式被覆盖。

作为一般规则，发布有关您问题的所有相关信息/代码是个好主意。 SO的用户不是向导;如果你无法解决问题你面前的代码，那么任何人都很难找到无代码的问题。试着把自己放在自己的位置 - 你是否能够找到一个技术问题，只是说“我的代码有问题”？最有可能的是，如果没有得到适当的回应，你就会被投票。

Answer 2

使用XHTML过渡DOCTYPE且没有DOCTYPE，在FireFox 3.5.5中渲染得很好。

您在哪个环境中测试...是本地服务器还是远程服务器？如果您转到“视图”菜单并通过FireFox查看页面的来源，是否正确显示内联样式？你能看一下页面的缓存副本吗？

另一个有价值的选择是从头开始。创建一个只有标签和CSS的最小页面来为它着色。添加损坏页面的功能，直到出现问题。

Answer 3

同时确保您不以怪癖模式渲染，而是以标准模式渲染。通常情况下，在FF中不起作用但在IE中起作用的样式毕竟是IE的错误，因为它太宽容或在quirksmode中呈现。

阅读本文以获取更多信息：http://hsivonen.iki.fi/doctype/

要点：使用严格的doctype并在FF中开发。

Answer 4

正如其他人所指出的那样，对我来说很好。也许您可以尝试使用以下代码来缩小问题范围：

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
    .mylabel {
        color: #aaa; 
        font-weight: bold;
    }
</style>
</head>
<body>
<form>
    <label class="mylabel" for="f1">Field 1</label>
    <input id="f1" type="text">
    <label style="color: #aaa;font-weight:bold" for="f2">Field 
        2</label>
    <input id="f2" type="text">
    <input type="submit">
</form>
</body>
</html>

Answer 5

我有一个类似的问题，似乎是一个简单的

float: left;
clear: left;

解决它。

Firefox </label>中<label>的CSS样式

5 个答案: