How do you style contentEditable in Firefox?

Question

I have the following:

<div contenteditable="true">Item 2</div>

In webkit I can easily style this with css. Firefox is ignoring the css, and making the contenteditable div white and resizable.

How can I modify the css for contentEditable in Firefox. I want the background to be transparent and to disable resizing, and the resizing handle bar.

Thanks

Answer 1

You can match the div with this code

div[contenteditable=true] {
   background: rgba(0,0,0,0); /* transparent bg */
   resize:none; /* disable resizing */
}