Javascript 如何更改使用contentEditable div的按钮的样式

世界你好

$（'.bold'）。在（'click'，function（）上{
$（“.commTextarea”）.focus（）；
document.execCommand（'bold'，null，“”）；
});
$（'.italic'）。在（'click'，function（）上{
$（“.commTextarea”）.focus（）；
document.execCommand（'italic'，null，“”）；
});
.commTextarea{
背景：#EBD9D9；
边框：1px纯红；
宽度：350px；
高度：250px；
}



您可以将另一个CSS类应用于DOM元素，例如
.form input
，因此您的HTML将如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="form-input bold" type='button' value='B'>
<input class="form-input italic" type='button' value='I'><br>
<div class='commTextarea' contenteditable></div>

如果您愿意，您也可以直接使用
输入
选择器，但我不建议这样做，因为它将针对DOM中的所有输入。
非常感谢，有一些事情需要考虑，但问题仍然相关。
$(document).on('click', '.commTextarea b', function(){
  $(".form-input").css(...)
});