input type =“text”没有调整大小

时间:2009-08-18 09:49:28

标签: html css input

在页面http://qa.salemgolfclub.org/Directions上,底部有一个部分(“方向”按钮旁边),其中有一个input,您可以在其中输入地址并使用Google地图作为行车路线。

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

如您所见,我将其设置为:

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

但它显然看起来不长,虽然看起来屏幕上仍然留有不动产。

6 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:2)

更改样式中的宽度

style="width: 100px"

最好为此特定文本字段应用css类,然后在该类中应用该样式。避免使用内联样式。

答案 2 :(得分:1)

如果您将其更改为

style= "width: 300px;"

然后调整大小

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

你可能会为你的id #fromAddress指定CSS的宽度,而CSS的宽度优先于属性大小

答案 5 :(得分:0)

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

它位于您的site.Css文件