Πώς να αφαιρέσεις την κύρια γραμμή του περιεχομένου που μπορεί να επεξεργαστεί

Μάθε πώς να αφαιρέσεις τα πλαίσια από τα στοιχεία επεξεργασιμότητος περιεχομένου.

Αφαίρεση Κύριας Γραμμής του Επεξεργασιμότητος Περιεχομένου

Συνήθως, όταν γράφεις στο contenteditable θαυμαστικός αριθμός true πάνω από το στοιχείο, όταν το στοιχείο εστιάζεται, θα λάβει ένα πλαίσιο.

Αλλά, μπορείς να χρησιμοποιήσεις το CSS για να αφαιρέσεις τα πλαίσια:

Βήμα 1 - Προσθήκη HTML:

<p contenteditable="true">Αυτό είναι ένα επεξεργασμένο παράγραφο.</p>

Βήμα 2 - Προσθήκη CSS:

Χρήση [παράμετρος] Ο επιλογέας επιλέγει όλους τους στοιχεία που μπορούν να περιεχομένου και χρησιμοποιεί outline Αφαίρεση Κύριας Γραμμής:

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

Προσπάθησε να το δοκιμάσεις!

Σχετικές Σελίδες

Περιήγηση:Το attribute contenteditable του HTML

Περιήγηση:CSS [παράμετροςΕπιλογέας