ansaurus

Question

Answer 1

+2 A:

The most probable reason is there are some other styles that are overriding these. The easiest thing you can do here is:

Download firebug: http://getfirebug.com/ and install it.
Open up firebug, click the second button on the top left (the one that looks like an arrow pointing to a button) and then click on your label. On the right side you will see what styles are being applied to it and which are being overwritten.

As a general rule, it's a good idea to post all relevant information / code about your question. The users of SO are not wizards; if you couldn't figure out the problem with the code in front of you, there's a slim chance anyone will figure out the problem with no code. Try to put yourself in their shoes – would you be able to figure out a technical issue that just says "something is wrong with my code"? Most likely, you're going to get downvoted without getting a proper response.

Goose Bumper 2009-11-16 17:38:37

there are no other styles for label... even the inline styles simply do not work in firefox. works in all other browsers though...

mike 2009-11-16 17:40:17

post your code and stop complaining about downvotes. if you don't want downvotes, write your question as a intelligent person would do - use the offered styling above the text box.

dusoft 2009-11-16 17:42:18

why was my message deleted.? lol. doo doo baby!

mike 2009-12-12 04:40:58

Answer 2

A:

Also ensure that you don't render in quirks mode but in standards mode. Usually the styles which doesn't work in FF but do in IE is after all IE's fault because it's either too forgiving or rendering in quirksmode.

Read this for more info: http://hsivonen.iki.fi/doctype/

To the point: use a strict doctype and develop in FF.

BalusC 2009-11-16 17:43:50

Answer 3

+4 A:

This sounds odd. I'm quite sure something must be wrong with the markup (Like a tag not closed somewhere).

Could this be?

Does the document validate?

Can you post a link to the whole page?

Pekka 2009-11-16 18:30:08

Answer 4

+1 A:

Renders fine in FireFox 3.5.5, both with an XHTML transitional DOCTYPE and no DOCTYPE.

What environment are you testing this in... Is it local or a remote server? If you go to the View menu and view the source for the page via FireFox, do the inline styles appear correctly? Could you be looking at a cached copy of the page?

Another worthwhile alternative is to start from scratch. Create a minimal page with just a label and the CSS to color it. Add features of the broken page until you reach the point where the problem occurs.

AaronSieb 2009-11-16 20:18:25

"Another worthwhile alternative is to start from scratch. Create a minimal page with just a label and the CSS to color it. Add features of the broken page until you reach the point where the problem occurs."This is a good idea in general, regardless of project type / language.

Goose Bumper 2009-11-16 20:46:24

Answer 5

A:

As others have pointed out, works fine for me. Maybe you can try the following code to narrow down the problem:

<!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>

Sinan Ünür 2009-11-17 03:51:58

ansaurus

tags:

views:

answers:

CSS styles on <label> in Firefox

related questions