Question

我有一个php页面，它启动一个包含带复选框的表单的弹出窗口。原始窗口包括外部样式表。

弹出窗口的表单html为：

<form name="statusForm" action="post.php=" method="post" enctype="multipart/form-data">
<label for="Test">Test:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<label for="Test">TestTest:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<label for="Test">TestTestTest:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<input name="Submit" value="submit" type="submit">
</form>

表单已被修剪，字段已重命名以测试发布..

在外部样式表中，我有：

label {
    min-width: 5em;
}

复选框仍未对齐。我是否必须在弹出窗口的html中明确地包含样式表，还是其他的呢？

Answer 1

新窗口不会从父母那里继承任何类型的样式表规则。

另外，如果您使用的是Firefox，我建议您安装Firebug扩展名，这样您就可以“检查”HTML元素以查看（甚至修改）活动的CSS规则。

Answer 2

是的，弹出窗口需要是它自己的完整HTML页面。

修改

除非它是一个AJAX弹出窗口，否则它不需要是一个完整的HTML页面。

Answer 3

请记住，Internet Explorer 6不支持最小宽度。另外，我会使用一些分隔元素，例如<div>或<li>（<ul>内）而非<br />。

富

通过继承的css对齐复选框？

3 个答案: