带有css的只读文本框的动态宽度

Question

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

有没有办法与纯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做到这一点.

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