如何更改插入文本的样式-javascript

我创建了一个与html页面交互的脚本。在html页面中，用户在文本框中插入一个表达式。页面中有5个复选框，此复选框设置字体样式（大、固定、删除、粗体等）。根据所选复选框，必须显示一个新窗口，其中编辑文本对应于所选复选框的值。我会在另外两个选择框（尺寸和颜色）的文字。这是我的html代码，可以给我举个例子吗

<input type="text" id="testo"><br>
<label>big</label><input type="checkbox" id="big"><br>
<label>italics</label><input type="checkbox" id="italics"><br>
<label>bold</label><input type="checkbox" id="bold"><br>
<label>fixed</label><input type="checkbox" id="fixed"><br>
<label>strike</label><input type="checkbox" id="strike"><br>
<label>sub</label><input type="checkbox" id="sub"><br>
<label>Colore</label><select id="colore">
<option value="1">Blue</option>
<option value="2">Green</option>
</select><br>
<label>Dimensione</label><select>
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
</select>
<br>
<input type="button" value="mostra testo" onclick="Show()">

大

斜体字

粗体

固定

罢工

sub

彩色
蓝色
绿色


尺寸
1.
3.
5.
7.

使用

jQuery

可以通过以下方式完成：

function Show() {
  $('testo').css('background-color', function(){
             return $('colore').value()
            })
}

---

有关更多详细信息，请查看。我没有测试我的代码，但应该是这样的。

很难理解您在这里提出的问题。我会更改文本样式。。