input type =“text”not resizing

在页面http://qa.salemgolfclub.org/Directions上，底部有一个部分（位于“Directions”按钮旁边），其中有一个input，您可以在其中放置地址并使用Google地图获取行车路线。input type =“text”not resizing

我无法弄清楚的一件事是，无论我为文本框中的size属性输入什么东西，它总是显示为相同的大小。

正如你所看到的，我把它设置为：

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

，但它显然不看这么长，但它肯定看起来像有被留在屏幕上的房地产。

2009-08-18 leora

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

2009-08-18 09:52:40

内嵌样式具有更高的优先级和优先级高于样式 – 2009-08-18 09:54:31

+1拉斯这里更http://monc.se/kitchen/38/cascading -order-and-inheritance-in-css – 2009-08-18 10:01:10

好的。当我回答时没有想到这一点。就个人而言，我建议不要使用size =“XXX”或style =“width：YYY”，因为引用外部CSS文件可以提供更清晰的标记和更好的内容分离。 – 2009-08-18 10:01:46

在你的CSS你有width: 200px;在input[type=text]。

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

2009-08-18 09:53:07

在样式更改宽度

style="width: 100px"

这将是更好的应用CSS类这个特殊的文本字段，然后在该类应用的样式。避免内联样式。如果您将其更改为

style= "width: 300px;"

则调整

2009-08-18 09:53:14 rahul

2009-08-18 09:53:34

你可能会分配与CSS宽度为您的ID #fromAddress和CSS”宽度比大小属性更高的优先级

2009-08-18 09:54:53 knittl

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

它在你的site.css文件

2009-08-18 10:04:20

回答