不同這畫面從谷歌瀏覽器捕獲輸入類型文本寬度在鉻和Firefox
此圖象被從Mozilla Firefox瀏覽器
可以看到的差異捕獲在輸入文字(姓名:,電子郵件:,電話:)。
那麼我該如何管理呢?是否有任何技術使用css for Firefox和另一個用於Chrome的css
不同這畫面從谷歌瀏覽器捕獲輸入類型文本寬度在鉻和Firefox
此圖象被從Mozilla Firefox瀏覽器
可以看到的差異捕獲在輸入文字(姓名:,電子郵件:,電話:)。
那麼我該如何管理呢?是否有任何技術使用css for Firefox和另一個用於Chrome的css
我通過設置border: 1px solid #ccc;
解決我的問題。由於firefox和chrome在默認情況下不同地表現了邊框樣式。
除非您爲使用CSS的字段指定嚴格的外觀,否則兩個瀏覽器都將使用其默認輸入窗口小部件(這是不同的,並且取決於操作系統.. .. )。
使用no /沒有足夠的CSS時會出現問題。
我已經定義了寬度,但也是不同的。 –
@NavinRauniyar然後問題是與佈局。顯示html代碼。 –
nepotech.com/thelandmark –
我覺得你的修復程序添加此規則
width: 300px; /* change size accordingly */
到
# message {
或
.message {
像
<input class="message" id="message" name="message" type="text" />
,而不是簡單地使用
<input id="" name="" type="text"/>
不確定你在問什麼。我個人看不出有什麼不同,因爲它們都是圖像,但是如果這就是你要求的,CSS可以應用於每個瀏覽器。是的,有一些代碼需要應用於一個而不是另一個。 – Keith
你可以用css控制文本輸入字段的寬度,我不認爲你需要專門針對每個瀏覽器。 – Huangism
文本名稱:電子郵件:和電話: - >在該輸入(鍵入文本)的寬度是不同的。 –