CSS不适用于所有元素

时间:2013-11-26 01:51:13

标签: html css django

我使用Django生成以下HTML:

<p>
    <label for="id_username">
        Username:
    </label>
    <input id="id_username" type="text" name="username" maxlength="30"></input>
</p>

...并使用以下CSS代码尝试装饰标签和文本输入:

form.registration p label,
form.registration p input
{
    width: 250px;
}

最后,导航器(Firefox)仅更改输入文本框的宽度,而不更改其中一个标签。有人知道为什么吗?

1 个答案:

答案 0 :(得分:4)

通常,大多数浏览器中label的默认显示为display: inline。这意味着设置的宽度不会影响任何更改。将display: inline-block添加到媒体资源中(这不会影响已<input>的{​​{1}}