2013-07-31 31 views
3

不同這畫面從谷歌瀏覽器捕獲輸入類型文本寬度在鉻和Firefox

enter image description here

此圖象被從Mozilla Firefox瀏覽器

enter image description here

可以看到的差異捕獲在輸入文字(姓名:,電子郵件:,電話:)。

那麼我該如何管理呢?是否有任何技術使用css for Firefox和另一個用於Chrome的css

+2

不確定你在問什麼。我個人看不出有什麼不同,因爲它們都是圖像,但是如果這就是你要求的,CSS可以應用於每個瀏覽器。是的,有一些代碼需要應用於一個而不是另一個。 – Keith

+0

你可以用css控制文本輸入字段的寬度,我不認爲你需要專門針對每個瀏覽器。 – Huangism

+0

文本名稱:電子郵件:和電話: - >在該輸入(鍵入文本)的寬度是不同的。 –

回答

2

我通過設置border: 1px solid #ccc;解決我的問題。由於firefox和chrome在默認情況下不同地表現了邊框樣式。

2

除非您爲使用CSS的字段指定嚴格的外觀,否則兩個瀏覽器都將使用其默認輸入窗口小部件(這是不同的,並且取決於操作系統.. .. )。

使用no /沒有足夠的CSS時會出現問題。

+0

我已經定義了寬度,但也是不同的。 –

+0

@NavinRauniyar然後問題是與佈局。顯示html代碼。 –

+0

nepotech.com/thelandmark –

0

我覺得你的修復程序添加此規則

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

# message { 

.message {

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

,而不是簡單地使用

<input id="" name="" type="text"/> 
相關問題