样式文本输入为内联元素(仅限Webkit)

时间:2011-09-29 18:12:13

标签: html css forms css3 webkit

我正在开发一个webkit javascript应用程序,并试图找到一种方式来设置文本输入的样式,就好像它是一个内联跨度。诀窍是使宽度仅与输入的文本值一样大。尝试使用webkit外观,没有运气。

2 个答案:

答案 0 :(得分:0)

你必须使用JavaScript。示例:http://jsfiddle.net/NMMhs/

以下代码:

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

答案 1 :(得分:0)

使用span元素并设置contenteditable=true是否合理。您仍然可以使用javascript将内容分配给隐藏的输入元素的值。

'span`可以像内联输入字段一样设置样式。我想到了一个带有圆角的边框。

满意的演示:http://html5demos.com/contenteditable