風格文本輸入作爲內聯元素（僅限Webkit）

Question

我正在開發一個Webkit JavaScript應用程序，並試圖找到一種方式來設置文本輸入樣式，就好像它是一個內聯範圍。訣竅是讓寬度只與輸入的文本值一樣大。嘗試使用webkit外觀，沒有運氣。

Answer 1

您必須使用JavaScript來做到這一點。例如這裏：下面http://jsfiddle.net/NMMhs/

代碼：

$("input").keyup(function(){ 
    $(this).attr("size",$(this).val().length); 
}); 

Answer 2

難道是合理的爲你使用span元素，並將contenteditable=true。您仍可以使用javascript將內容分配給隱藏的輸入元素的值。

'span'可以被設置爲內嵌式輸入字段。我想到了一個邊緣圓潤的圓角。

contenteditable演示：http://html5demos.com/contenteditable