我使用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)仅更改输入文本框的宽度,而不更改其中一个标签。有人知道为什么吗?
答案 0 :(得分:4)
通常,大多数浏览器中label
的默认显示为display: inline
。这意味着设置的宽度不会影响任何更改。将display: inline-block
添加到媒体资源中(这不会影响已<input>
的{{1}}