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;
}

Answer 2

尝试更改您的CSS，使其适用于input[type=text]，而不是应用于textarea。

同时更改您的实际HTML以制作＆＃34;多行＆＃34;文本框插入TextArea＆＃39; s。

我还略微混淆了你的意思＆＃34;运行时＆＃34;。 HTML / CSS网页中没有运行时？

Answer 3

CSS

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

在具有class="textArea"属性的多行文本框中应用此课程。

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

3 个答案: