设置文本框多行而不丢失CSS

Question

我有一个包含多个文本框的项目，需要其中一些才能成为多行。 但是问题是，当我将它们设置为多行时，我会丢失所有CSS样式。 我四处搜索，发现文本框在运行时变成了TextArea，是选择了多行。 虽然，我仍在寻找一种方法来保留或覆盖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;
}

Answer 2

尝试更改CSS，以便将其应用于textarea而不是应用于input[type=text] 。

还要更改您的实际HTML，以使“多行”文本框成为TextArea的文本框。

我也对您所说的“运行时”感到有些困惑。 HTML / CSS网页中没有运行时？

Answer 3

的CSS

.textArea { 
  background: #ccc !important; 
  font-size:12px !important; 
 } /*change css properties as you want*/

将此类应用于具有class="textArea"属性的多行文本框。