Question

我可以为<input>值或<span>的部分文字添加样式吗？

我有一些数据：

{text text} an other text...

我将在{}之间为文本应用样式。

我的数据是：<span>{RFS.KIS.ZWO} JJD000090085077412015021014193191</span>

Answer 1

我真的没有看到js在这里。

如果我理解正确，你需要在文本的一部分上使用CSS样式。为此，您可以将该文本放在html标记中，并添加具有所需样式的CSS类。（更改格式）

e.g。 HTML

<span class="myStyle">text text </span> more text.

CSS

.myStyle {
  color: red;
}

Answer 2

SPAN：

＆＃13;

$(function() {
    var text = $("span").text();
    var replaced = text.replace(/\{(.*)\}/, function( $0, $1 ) {

        return "{<span style='color: red;'>".concat($1, "</span>}");

    });
    $("span").html(replaced);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>Text: {something}</span>

＆＃13;

Answer 3

将文字换成标签而不是“{”“}” calsses：

<span class="mytag">text text</span> text text

不是你可以单独为你的班级设计风格

<style>
.mytag {
   color: blue;
}
</style>

例如

或标签（不适用于所有浏览器）：

<mytag>text text</mytag> text text

不是你可以单独设置你的标签样式

<style>
mytag {
   color: blue;
}
</style>

为部分文本添加样式

3 个答案: