设置文本框Multiline而不会丢失CSS

Question

我有一个包含多个文本框的项目,需要其中一些成为Multiline.但问题是,当我将它们设置为Multiline时,我会失去所有的CSS样式.我已经四处搜索并发现文本框在运行时变为TextArea,选择了Multiline.虽然,我仍然在寻找一种方法来保持或覆盖CSS以保持我的背景颜色,大小和首选字体

Answer 1

我真的不明白你的意思.多行文本框是Textareas,但不是在运行时设置的.你必须扩展你的CSS选择并添加textarea.

我不知道你是否正在寻找,但我只是在jsfiddle上做了一个例子:http: //jsfiddle.net/N79fj/1/

HTML:

<form action="#" method="post">
    <input type="text" name="test" /><br /> <!-- Textbox -->
    <textarea name="textarea" cols="30" rows="5"></textarea> <!-- Textarea (Multiline) -->
</form>

CSS:

input[type="text"], textarea {
    background-color: #000;
    color: #fff;
    font-family: Arial;
}