Internet explorer 输入文本/文本区域大小

表格：

当然，这些值会在Firefox上产生另一个结果（正如我所期望的，两种不同的宽度），比如：

[ text ] [ text ] [ textarea ] [ ]

---

但它在firefox上不起作用

使用CSS

width

样式以实际单位给它们一个物理宽度：

input, textarea {
    margin: 15px;
    padding: 3px;
    display: block;
    width: 20ex;
}

您需要给每个人一个

id

属性，以匹配他们的

名称，然后才能工作

除非您以像素为单位给它们一个宽度，否则您还需要确保它们使用相同的字体，默认情况下，它们在许多浏览器上不会使用相同的字体。最简单的方法如下：

#id, #longDescr {
    width: 60ex;
}

这将使它们使用与页面其余部分相同的字体，但显然您可能希望指定要使用的确切字体。
为每个字段创建一个ID，然后使用CSS将
显示设置为
内联块，并将
宽度设置为所需的任何值

我还建议为字段添加
元素。我相信这将为您提供浏览器支持的工具提示，以及更好的屏幕阅读器可用性。
它不起作用的原因是s和s默认使用不同的字体。有关详细信息，请参见我的答案。使用字体：inherit；在firefox上解决了我的问题，非常感谢
input, textarea {
    margin: 15px;
    padding: 3px;
    display: block;
    width: 20ex;
}

#id, #longDescr {
    width: 60ex;
}

#id, #longDescr {
    font: inherit;
    width: 60ex;
}