How to set css to "label for="email""

Question

Code:

<label for="email">{t _your_email}:</label>

CSS:

label
{
    display: block;
    width: 156px;
    cursor: pointer;
    padding-right: 6px;
    padding-bottom: 1px;
}

I want to make a new CSS for the email label as it's not meant to be that wide.. Just can't think right now :P

Thanks.

Answer 1

The selector would be

label[for=email]
{
    /* ...definitions here... */
}

It's an attribute selector. Note that some browsers (versions of IE < 8, for instance) may not support attribute selectors, but more recent ones do. To support older browsers like IE6 and IE7, you'd have to use a class (well, or some other structural way), sadly.

(I'm assuming that the template {t _your_email} will fill in a field with id="email". If not, use a class instead.)

Answer 2

Maybe just add some class="email" param for your <label> and in CSS do label.email