文本框的寬度之間的不同的IE/FF /鉻 - 導致問題時，文本框充滿了「W的

我們有一個文本字段指定長度的應用 - 4文本框的寬度之間的不同的IE/FF /鉻 - 導致問題時，文本框充滿了「W的

鉻： Chrome 火狐： Firefox

有沒有辦法強制Firefox/IE使用固定寬度的間距？在ID號的情況下，這是一個問題，其中字段實際上接受完整輸入，但默認情況下不顯示完整寬度（如果從屏幕輸入字段而不是複製/粘貼，可能會導致用戶錯誤）。

2013-09-30 MrDuk

優秀的問題，我也想得到一個答案，表單CSS是我存在的禍根 – imbask

堆棧溢出使用CSS規則'font-family：Consolas，Menlo，Monaco，Lucida Console，Liberation Mono，DejaVu Sans單聲道，比特流Vera Sans Mono，Courier新，等寬線，襯線;'代碼塊，這將是固定寬度/等寬，並可能解決您的問題。也許值得在你的表格上探討它？文本渲染在瀏覽器*和*操作系統之間差別很大，所以祝你好運：/。 – ajp15243

按照指定的長度，你的意思是「尺寸」屬性？ –

嘗試，而不是使用size屬性嘗試純CSS的這個CSS部門規則

#elementId 
{ 
    letter-spacing: 5px; 
} 

.elementClass 
{ 
    letter-spacing: 5px; 
}

來源

2013-09-30 18:30:07

。例如。這

<input type="text" value="WWWW" id="txt"> 

#txt{ 
    font-family: Courier New; 
    font-size: 15px; 
    width:40px; 
}

應該在所有瀏覽器中看起來相同。

來源

2013-09-30 18:31:45

而是嘗試將size屬性更改爲5.所以在所有瀏覽器中，它都適合。

<input size="5" maxlength="4" value="WWWW" id="txt">

來源

2013-10-14 16:59:40 Harshan01

HTML

<input size="4" maxlength="4" value="WWWW" id="txt">

CSS

#txt{ 
    font-family: Courier New; 
    font-size: 15px; 
}

DEMO

http://jsfiddle.net/pePXB/1/

這是一些被別人認爲的東西「組合」 ......我的jsfiddle發揮各地與此使用IE，火狐和Chrome了一下，這個組合似乎工作最適合我，並在瀏覽器中提供一致的結果。

來源

2013-10-14 17:12:08 Charlie74

我會推薦以下代碼無論您使用哪種字體系列，它都會使指定字符寬度的文本框。

HTML代碼

<input size="4" maxlength="4" value="WWWW" id="txt">

CSS代碼

#txt{ 
    width:4em; 
}

這總會讓文本框等於4「M」 S寬度，以便它給你安全的房間中使用任何4個字符盒子。

更多的澄清使用各種系統來設置寬度，遵循下面的鏈接。

http://www.webmasterworld.com/forum83/5001.htm

來源

2014-03-12 05:52:25

你不必擔心代碼，但請你列出了 TEXTBOX字體檢查在這兩種瀏覽器可用？

我相信這是做什麼區別。

來源

2014-03-18 10:31:48

嘗試設置輸入元素的寬度並僅保留size和maxlength屬性的值。它將在所有不同種類的瀏覽器中具有相同的長度，但仍具有不同的呈現。

input { 
    width: 50px; 
    padding: 5px; 
}

來源

2014-03-26 02:01:02

使CSS的一些點點在你輸入文本一樣

HTML

<input type="text" class="blabla">

CSS

.blabla{ 
width: 100px; 
}

不要忘記在CSS上鍵入大小後再添加px。

來源

2014-05-19 13:56:11

文本框的寬度之間的不同的IE/FF /鉻 - 導致問題時，文本框充滿了「W的

回答

相關問題