Gewusst wie: Entfernen Sie den Contenteditable Border
Erfahren Sie, wie Sie den Rahmen von einem bearbeitbaren Element entfernen.
Contenteditable Border entfernen
Wenn Sie in ein Element schreiben, das contenteditable
auf gesetzt true
ist, erhält dieses Element standardmäßig einen Rahmen um den Fokus herum. Sie können jedoch CSS verwenden, um den Rahmen zu entfernen:
Schritt 1) HTML hinzufügen:
Beispiel
<p contenteditable="true">This is an editable paragraph.</p>
Schritt 2) CSS hinzufügen:
Verwenden Sie den Selektor, um alle Elemente auszuwählen, die editierbar sind, und entfernen Sie den Rahmen mit der Eigenschaft:[attribute]
outline
Beispiel
[contenteditable] {
outline: 0px solid transparent;
}
Tipp: Gehen Sie zu unserer HTML contenteditable Attribute Reference , um mehr über das globale contenteditable Attribut zu erfahren.
Tipp: Gehen Sie zu unserem CSS [ Attribut ]-Selektor , um mehr über den [ Attribut ]-Selektor zu erfahren .