contenteditable DIV имеет границы по умолчанию в FF & Chrome - Как это скрыть?

Question

Хром - 11.0.696.50
FF - 4,0
IE - 7.0.570.13

DIV определен, как показано ниже, и когда я сфокусируюсь на нем с помощью jQuery.
Как только я сфокусируюсь на этом, вокруг DIV появляется граница как в FF, так и в Chrome.

FF показывает пунктирную границу, а Chrome - сплошную светло-оранжевую.

Я пытался border: none;, но это не имеет значения. Есть идеи?

DIV: <DIV id="editable-div" contentEditable="true"></DIV>

CSS для него:

#editable-div<br> {<br> margin-left: 10px;<br> margin-top: 10px;<br> width: 740px;<br> height: 25px;<br> border: none;<br> direction: ltr;<br> text-align: left;<br> }

Answer 1

То, что вы видите, это, вероятно, контур , технически не граница . Попробуйте это:

#editable-div:focus {
    outline: none;
}

Это своего рода выстрел в темноте с моей стороны; надеюсь, если это не будет работать именно так, по крайней мере, это поможет вам найти решение.