Come rimuovere il bordo del contenuto modificabile

Impara come rimuovere i bordi dagli elementi modificabili.

Rimuovi il bordo del contenuto modificabile

Per impostazione predefinita, quando scrivi nel contenteditable imposta a true quando si scrive all'interno dell'elemento, l'elemento ottiene un bordo quando è in evidenza.

Ma puoi usare CSS per rimuovere i bordi:

Primo passo - Aggiungi HTML:

<p contenteditable="true">Questo è un paragrafo modificabile.</p>

Secondo passo - Aggiungi CSS:

Usa [attributo] Il selettore seleziona tutti gli elementi editabili di contenuto e utilizza outline Rimuovi il bordo dell'attributo:

[contenteditable] {
  outline: 0px solid transparent;
}

Prova personalmente

Pagine correlate

Manuale di riferimento:Proprietà contenteditable HTML

Manuale di riferimento:CSS [attributoSelettore