变化textarea的笔记本

我试图改变froala所见即所得的编辑器的背景图像看起来像一个笔记本，变化textarea的笔记本

但alll它不改变任何东西......可能有人请帮助我解决这个问题并告诉我如何？

这是我在做什么：

<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>

来源

2014-10-03 user1022734

可能发生的情况是，froala jQuery脚本正在改变'textarea'的背景属性，因此覆盖了你的样式规则。 – 2014-10-03 14:25:09

我能做些什么来避免这种情况？ – user1022734 2014-10-03 14:26:35

免责声明：我从来没有使用froala（但谢谢你，你的问题引起了我的注意）。您最好的选择可能是发邮件给Froala支持团队并询问他们。可能有一些配置选项。我的猜测是在froala中有一个样式表，你可能会覆盖样式化textarea块的特定规则。您可能需要一个非常具体的选择器。过去，我在类似电子邮件注册等的样式中做过类似的事情。 – 2014-10-03 14:30:47

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

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

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

来源

2014-10-03 14:38:35

谢谢，我会尽力找到一种方法 – user1022734 2014-10-03 15:03:52

如果你觉得它可行，请添加评论，forala似乎是一个很好的编辑器，我会看看它。祝一切顺利！ – 2014-10-03 15:10:13

变化textarea的笔记本

回答

相关问题