css - 输入为多行 TEXTAREA,带有 -webkit-appearance

标签 css

是否有可能使 INPUT 看起来像 TEXTAREA,至少在 Chrome 中是这样? DIV 使用 -webkit-appearance: textarea 转换为 TEXTAREA 工作正常,但 INPUT 没有。

最佳答案

简短的回答是否定的。

从语义上和考虑到可访问性,不建议混淆两者或伪造外观。为清楚起见,这是单行文本输入:

<input type="text" name="">

这是一个多行文本输入:

<textarea rows="4" cols="50">Default value.</textarea>

不幸的是,从根本上说,它们就是这样构建的。

关于css - 输入为多行 TEXTAREA,带有 -webkit-appearance,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57567911/

相关文章:

html - div 内的标题用作覆盖。我怎样才能使文本居中?

html - 灰框不跟随

javascript - 如何使用 d3.js 在饼图切片附近显示工具提示?

CSS选择第二个 child 从第二个开始

用于 CSS 背景图像的 jQuery AJAX GIF 预加载器

html - 固定背景在 Android 上未更新

javascript - 使用 BootstrapTable 添加行时使用 CellStyle

html - 列表元素 "dots"结束于节元素之外

html - 移动设备上的 Bootstrap 网格布局

html - 水平居中绝对 div 内的元素?