只读文本框的动态宽度用css

Question

我有一个只读文本框，它的值来自数据库..我不确定文本的长度.client希望文本框是基于内容动态的。

有没有办法用纯CSS？

在此先感谢

<div class="form-item "> 
 
<label class="control-label">Task Name</label> 
 

 
<input class="form-control form-text" readonly="readonly" type="text" 
 
value="text-box width should change based on my length"> 
 
</div>

Answer 1

不，你不能用文字输入和CSS做到这一点。

但是，如果它是只读的，为什么要使用文本输入？为什么不创建一个跨度和样式，以看起来像一个文本输入？