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

回答