How do you style contentEditable in Firefox?

Asked 2011-10-26T18:58:42.543

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

Edit Report

2 Answers

Turns out that if you use position:absolute FF auto adds resizers and a grab handler and sets the background to white. You can't override these seetings, well only resizers. Another -1 for FF.

answered 2011-10-27T00:40:23.490

div[contenteditable] {
   background: white;
}

answered 2011-10-26T19:58:24.597

How do you style contentEditable in Firefox?

2 Answers

Your Answer