變化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的筆記本

回答

相關問題