2010-05-28 59 views
1

我有下面的文本字段在我的網頁顯著更大:文本字段中的某些瀏覽器

<input class="message" id="message" name="message" type="text" size="65" /> 

出於某種原因,在最新的Firefox OS X的是約200像素寬度大於在最新的Chrome( Mac/PC)火狐瀏覽器(電腦)和IE瀏覽器(電腦)

有關如何解決這個問題或爲什麼發生這種情況的任何建議?

回答

1

發佈您的CSS。

然而,無論這一點,我覺得你的修復程序添加此規則

width: 300px; /* change size accordingly */ 

#message { 

.message { 

和刪除大小

<input class="message" id="message" name="message" type="text" /> 
0

瀏覽器通常以不同的方式呈現表單元素(並且它也因OS而異)。如果你希望你的表單元素看起來相同,那麼用CSS來設計它。在這種情況下,只需在你的CSS添加的寬度,像這樣:

input { 
    width: 200px } 
} 
+1

你是不是指'width:200px;'?我也不推薦使用全局樣式(在* all *標籤上,就像這樣)。另外,你的頭像是pedobear - 我喜歡。 – 2010-06-02 04:05:23

0

如果你使用ASP可以使用Request.ServerVariables(「HTTP_USER_AGENT」)方法來獲得瀏覽器和操作系統信息,並設置變量(最終成爲消息文本對象的大小屬性)設置爲較小的大小。

+0

你爲什麼要那樣做?這讓我很傷心:_( – 2010-06-02 04:03:42

1

通過styleclass指定尺寸:

<input class="message" id="message" name="message" type="text" style="width:200px;" /> 
+0

我不想投票或任何事情,因爲這會起作用,但是如果你真的可以在.css文件中與內聯文件中的樣式做到這一點 .message {width:300px;} 像Dan Beam建議的那樣。 – jacklin 2013-02-23 21:58:21

0

瀏覽器有呈現在你的DOM的不同元素以不同的方式;在一個項目啓動中,您覺得您的網站應該在所有瀏覽器中看起來完全相同,網頁設計人員使用的一種常見方法是編寫一個reset.css文件。該文件將大多數使用的DOM元素的屬性設置爲標準值。

相關問題