Miten poistaa muokattavan sisällön reunaviiva

Opit, miten poistaa reunaviivan muokattavista elementeistä.

Poista muokattavan sisällön reunaviiva

Oletuksena, kun kirjoitat contenteditable Asetettu true elementin sisällä kirjoitettaessa, elementti saa reunaviivan keskittyessään.

Mutta voit käyttää CSS:ää poistamaan reunaviivan:

Vaihe 1 - Lisää HTML:

<p contenteditable="true">Tämä on muokattava kappale.</p>

Vaihe 2 - Lisää CSS:

Käytä [ominaisuus] Valitsin valitsee kaikki sisältöä muokattavat elementit ja käyttää outline Poista reunaviiva ominaisuudesta:

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

Kokeile itse

Liittyvät sivut

Viittauskirja:HTML contenteditable ominaisuus

Viittauskirja:CSS [ominaisuusValitsin