多HTML文本区域

我的形式继承几个CSS样式，和一个textarea的默认显示只有当你键入一个段落不会换行，但要持续一个在同一行有一个单一的row--。我如何强制它回到多行输出？我在HTML中设置了“rows”和“cols”属性，但它似乎没有做任何事情。多HTML文本区域

的HTML高度嵌套，但实际输入元素是：

<input name="input47" type="textarea" rows="3" cols="10" />

我已经试过的CSS是：无论

body form ol.sections li ol.prompts li ol.entries li ol.inputs li input[type=textarea] { 
    height: 500px !important; 
    white-space: normal !important; 
}

的500px的作品我是否不使用!important，但textarea中只有一行文本，垂直居中（Chrome和Safari）。

编辑：显然，我需要刷上了我的HTML-- <input type="textarea">应该已经<textarea>

来源

2011-08-05 macaroon5

你想动态改回使用JavaScript或其他客户端脚本语言？ –

很难重现而不真实的例子 – spliter

A [短的，独立的，正确的（可编译），示例]（http://sscce.org/）将真正帮助。您可以添加您遇到问题的CSS和HTML吗？ – andyb

@ macaroon5，你在这里滥用<input />元素。你想获得什么是

<textarea name="input47" rows="3" cols="10"> 
    Your multiline text is here. 
</textarea>

Here is the example

来源

2011-08-05 14:33:45 spliter

Ha。哎呀。我自己就明白了这一点。 – macaroon5

我假设你有类似

white-space: nowrap;

在样式表应用到你的textarea的地方，这就是使其在一行中呈现整个文本块。

只需添加类似

textarea#myfield { 
    white-space: normal 
}

应该没有必要在风格上面!important，但如果你没有得到结果，你可以尝试!important

来源

2011-08-05 14:03:54 spliter

刚刚更新我已经添加了另一个答案，因为这个问题是完全不同的，你已经添加我有同样的问题的例子 – macaroon5

。通过空格：正常也不会进入多行。 – spliter

后的问题 –

请注意，除行和列你也可以设置高度和宽度，这会影响它。它可能是你设置行的情况，但css属性高度会覆盖它。

来源

2011-08-05 14:07:24 mkk

它似乎并不matter--只是尝试设置高度500像素而且还是文本的一个单列垂直居中 – macaroon5

你尝试加入！重要？像高度：500px！重要; 你使用什么浏览器？你能提供一个问题的链接吗？或者至少复制粘贴html结构和相关的CSS？ – mkk

刚刚更新了问题 – macaroon5

多HTML文本区域

回答

相关问题