這是Chrome和IE中的文本縮進錯誤，還是我錯過了一些東西？

Question

http://jsfiddle.net/CtaBe/

我已經在FF，Chrome和IE中測試過了。只有FF顯示了預期的行爲（或者至少我認爲是預期的行爲）。 Chrome和IE顯示相同的行爲：當您第一次關注輸入時，光標不會縮進。鍵入somehing後，將其刪除並重新聚焦後，它會正確縮進。

我該如何解決這個問題？因爲我想在縮進的空間顯示圖像。

Answer 1

在Chrome中，這是一個known issue。請明星:)

Answer 2

快速免責聲明：此消息概述了一個人爲什麼選擇在輸入字段而不是填充上使用文本縮進的可靠示例。它不回答「如何解決IE處理文本縮進輸入字段」

有關填充左側的事情是它改變了輸入字段的寬度，這可能是不受歡迎的。

想象一下如果你想顯示你輸入下面的數據狀態的背景圖像圖標：

• 必填字段
• 無效的輸入
• 錯過必填字段
• 密碼strength

在這種情況下，我們需要將文本從左邊框移開以顯示Ÿ圖標（這是一個比去右側更簡單的壯舉，但這是一個完整的其他討論。如果我們使用填充，輸入欄的寬度會改變。這並不理想，因爲各種「國家」可以改變。

例如，也許一個字段只需要基於另一個字段的值。當該字段「成爲」需要時，該字段根據我們應用的任何填充來「增長」，以通過相關類別將文本從圖標移開。這遠非優雅，特別是當其他領域漂浮在旁邊時。

此外，在textareas的情況下，我們不想填充整個一面 - 第一行就足夠了。

這正是使用文本縮進的地方。它的效果很好 - 除了在Internet Explorer中。當我尋找其他想法或解決方案時，這就是我帶領我的原因。我有一些想法，但希望有更簡單的，我沒有想到的。

Answer 3

'文本縮進'適用於塊級元素，表格單元格和內聯塊。我希望你在一個不是塊級的元素上使用它。