HTML禁用了textarea,但仍然可以调整大小

HTML禁用了textarea,但仍然可以调整大小

问题描述:

禁用textarea时,它不允许您输入或调整它的大小。我希望能够调整它,而不是输入它。 Javascript解决方案好,但不是首选HTML禁用了textarea,但仍然可以调整大小

添加属性readonly到外地和CSS背景颜色和文本颜色:

.my-disabled{ 
 
    background-color: #cccccc; 
 
    color: #888888; 
 
}
<textarea class="my-disabled" name=area1 readonly>Text goes here</textarea>

你可以默认调整一个禁用的textarea的大小,也许你正在使用覆盖的库。你可以看到它的工作在这个小提琴:在小提琴https://jsfiddle.net/n5wdxc62/

代码很简单,只需纯HTML

<textarea disabled></textarea> 
+0

呵呵,你说的没错。我的html有两个textareas:一个禁用,一个不是,我的CSS是:'textarea {resize:vertical; ''但我只能调整非禁用状态。 编辑:在Firefox中工作正常,我的问题是铬,但你的例子在铬中工作正常。 – Justin

+0

当我尝试(铬)它仍然可以让我调整大小,但如预期,只有垂直。这可能是旧版Chrome浏览器的问题,或者您可能还有其他应用程序不知道。 –

使文本区域只读

<textarea name="largetext" readonly></textarea>