css - 将 froala 所见即所得的文本区域更改为笔记本

Question

我正在尝试将 froala 所见即所得编辑器的背景图像更改为看起来像笔记本，

但它根本没有改变任何东西...有人可以帮我修复它并告诉我如何修复吗？

这就是我正在做的:

<style type="text/css">

textarea.notebook {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 700;
      width: 100%;
      padding: 5px 0px;
      margin-bottom: 20px;
      resize: vertical;
      font-size: 11px;
      line-height: 24px;
      border-bottom: 2px solid;
       -webkit-appearance: none;
      border-radius: 0;
      background: url(notebook.png);
}


</style>

<section id="editor">

    <form>
      <textarea  id="edit"  name="edit" class="notebook"  style="margin-top: 30px;">

  </textarea>


    </form>

  </section>

Answer 1

一种可能的方法是为 froala 编辑器创建自定义主题，请参阅:

http://editor.froala.com/examples/color-themes

我怀疑如果可以修改背景颜色，也可以添加背景图片。