Question

＆lt; pre＆gt;＆lt; code＆gt;＆lt;！DOCTYPE html＆gt; ＆LT; HTML＆GT; ＆LT; HEAD＆GT; ＆LT;风格＆GT; 跨度 { 红色; } ＆LT; /风格＆GT; ＆LT; /头＆GT; ＆LT;身体GT; ＆lt; textarea readonly cols = 200行= 40＆gt; ＆LT;跨度＆GT; 哈哈哈哈哈＆LT; /跨度＆GT; ＆LT; / textarea的＆GT; ＆LT; /体＆GT; ＆LT; / HTML＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;在这个例子中，无论如何我可以在＆lt; code＆gt;＆lt; span＆gt;＆lt; / code＆gt;中创建文本了。变成红色或者可以通过其他一些html标签来完成，例如＆lt; code＆gt;＆lt; textarea＆gt;＆lt; / code＆gt;？＆lt; / p＆gt;

Answer 1

不，您不能将HTML元素放在表单字段标记中，如textarea或input。但是，您可以使用普通CSS将textarea中的颜色设置为红色。

textarea {
  color: red;
}

<textarea>text</textarea>

Answer 2

您还可以使用的另一种方法是调整占位符属性的样式。

链接到jsfiddle

希望这会有所帮助。

＆＃13;

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

＆＃13;

Who are you?<br />
<textarea readonly rows="4" cols="50" placeholder="Describe yourself here..."></textarea><br />
<input type="text" placeholder="red" />

＆＃13;

Answer 3

好的，现在我知道我无法插入

我有另一种方式

<style type="text/css"> 
        .testDiv{ 
            bottom: 36px;
            height: calc(100vh - 280px);
            resize: none;
            overFlow-x:scroll; 
            overFlow-y:scroll; 
        } 
        .keyword{
            color:red;
        }
</style> 

<div class='testDiv' id="keyword">
            one<br>
            two<br>
            three<br>
            <span class="keyword">four</span><br>
</div>

只需在div中添加scroll，height css

我可以在<textarea>中添加<span>并使其有用吗？

3 个答案: