输入类型=“文本”不调整大小答案

【问题标题】：input type="text" not resizing输入类型=“文本”不调整大小
【发布时间】：2009-08-18 09:49:28
【问题描述】：

在页面http://qa.salemgolfclub.org/Directions 的底部（“路线”按钮旁边）有一个input 部分，您可以在其中输入地址并使用谷歌地图获取行车路线。

我想不通的一件事是，无论我为文本框上的 size 属性输入什么，它总是显示为相同的大小。

如您所见，我将其设置为：

 <input type="text" size="300" id="fromAddress" name="from" value="" />

但它显然没有这么长，尽管它看起来肯定在屏幕上留下了不动产。

【问题讨论】：

【解决方案1】：

字段的宽度由 CSS 设置。更具体地说，在 Site.css 的第 319 行，到 200 像素。样式表的优先级总是高于标记。

【讨论】：

内联样式的优先级和优先级高于样式表
Russ +1 这里有更多 monc.se/kitchen/38/cascading-order-and-inheritance-in-css
好收获。我回复的时候没有考虑这个。就我个人而言，我建议不要使用 size="XXX" 或 style="width: YYY"，因为引用外部 CSS 文件可以提供更清晰的标记和更好的内容与演示分离。

【解决方案2】：

改变样式的宽度

style="width: 100px"

最好为这个特定的文本字段应用一个 css 类，然后在该类中应用样式。请避免使用内联样式。

【讨论】：

【解决方案3】：

如果你把它改成

style= "width: 300px;"

然后调整大小

【讨论】：

【解决方案4】：

在您的 CSS 中，input[type=text] 上有 width: 200px;。

更改此值将允许您更改框的宽度。

【讨论】：

【解决方案5】：

你可能会用 CSS 为你的 id #fromAddress 分配宽度，并且 CSS 的宽度比属性 size 具有更高的优先级

【讨论】：

【解决方案6】：

使用样式器，控制框大小的属性是“INPUT[type="text"]”。所以你需要改变它

在你的 site.css 文件中

【讨论】：