Textbox com largura automatica

[rafaeldorazio 2]

.column
	{
		float: left;
		margin-left: 50px;
	}

   <li style="width: 50px; border: 1px solid #000;" class="column"><input type='text' style="width: auto;" value="texto "'></li>

 

 

Este código não funcionou, o textbox estoura os limites do li !

[William Bruno 1501]

'largura igual do li'?

 

então você deveria usar um width: 100% ne?!

 

poste uma imagem do efeito visual que você tá tentando.

[rafaeldorazio 2]

http://img830.imageshack.us/i/semttulojwg.jpg/

 

http://img651.imageshack.us/i/semttulo2ad.jpg/

 

 

Veja que na segunda imagem, o textbox ultrapassa a borda

[Evandro Oliveira 331]

Defina o valor da input em pixels, defina um 'size' para a quantidade de letras que aparecerão, remova as bordas (ou faça que o input seja responsável pelas mesmas).

 

 

input {
   border: none;
   width: 50px;
}

 

<input size="6">

[rafaeldorazio 2]

nunca poderei fazer dessa forma, pois nao saberei quanto de size colocar, pois isso vai ser um componente, eu tenho que colocar a mesma width com a width do li

[Evandro Oliveira 331]

eu tenho que colocar a mesma width com a width do li

 

Então faça!!

 

li, li > input {
   width: 00px;
}