✔ contentEditable focus Border entfernen

one6666

one6666

Mitglied Titanium
Hallo,

wenn ich einen div den Wert contentEditable = "true"; vergebe, so erscheint im Firefox ein gepunkteter Border:
Unbenannt.PNG
Weiß Jemand wie ich den Border verschwinden lassen kann ? :confused:
 
Hi,

bei einem Hyperlink interpretieren die Geckobrowser (Firefox, Mozilla, Netscape, Seamonkey, u.a.) diese CSS-Regel, um den gepunkteten Rahmen beim Anklicken / Markieren zu unterbinden, der den Fokus des aktiven Elements auszeichnet:
CSS: 
a { outline:none; }

Wenn die CSS-Eigenschaft hier nicht greifen sollte, steht onfocus="this.blur()" in der Warteschlange :-)

mfg Maik
 
Hi Maik:)

Version eins geht wunderbar :)

Für Google User hier der Code:
HTML: 
<html>

<head>

<title></title>

<style type="text/css">
.editor_div{
width : 400px ;
height : 200px ;
border : #000000 1px solid;
overflow : auto ;
outline:none;
}

.editor_div p{
margin : 0px ;
padding : 0px ;
}

</style>

</head>

<body>

<div id="editor_div" class="editor_div" contentEditable = "true">Tutorials.de ist Super </div>

</body>

</html>

Danke Maik ;)
 
Oh du hast recht :D ich arbeite ja garnicht mehr mit designMode also hat das ja bislang noch garnichts mit Javascript zutun :-(
Danke für das verschieben :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück