html - 使文本框和文本区域更长

Question

我有一张带有文本框和一个文本区域的表格。我想水平增加这些元素的长度，但我似乎无法让它工作。

我已经尝试在 textboxes 上使用 width 并在 textarea 上使用 cols 但还没有任何效果。

这是我正在处理的这个页面的 jsfiddle 的链接: JS FiddleLink

Answer 1

在你的 CSS 中:

input, textarea { width: 100%; }

这应该使输入和文本区域占据容器宽度的 100%。

之后，您可以使用 css 更改容器的宽度。例如，您的表格 .Contact-Table 当前设置为 200px，因此输入和文本区域为 200px。将 .Contact-Table 设置为 300px 也会影响输入和文本区域，因为它们被设置为 100% 宽度。