Rumah > hujung hadapan web > tutorial css > Bagaimana Saya Boleh Mencipta Teks Berbilang Warna dalam Kawasan Teks?

Bagaimana Saya Boleh Mencipta Teks Berbilang Warna dalam Kawasan Teks?

Mary-Kate Olsen
Lepaskan: 2024-11-27 06:15:12
asal
407 orang telah melayarinya

How Can I Create Multicolored Text in a Text Area?

Mencapai Teks Berbilang Warna dalam Kawasan Teks

Salah satu batasan kawasan teks tradisional dan teg input ialah ketidakupayaan untuk memaparkan teks dengan warna yang berbeza-beza dalam elemen yang sama. Walau bagaimanapun, sekatan ini boleh diatasi dengan menggunakan atribut contenteditable.

Menggunakan Atribut contenteditable

Atribut contenteditable membenarkan elemen HTML, seperti div, menjadi boleh diedit seperti textareas. Atribut ini secara berkesan mengubah elemen menjadi permukaan penyuntingan teks. Dalam elemen yang boleh diedit kandungan, anda boleh secara bebas memasukkan elemen HTML dan penggayaan CSS, termasuk penyesuaian warna.

Contoh Pelaksanaan

Untuk mencapai teks berbilang warna dalam kawasan teks, anda boleh gunakan kod berikut:

<div>
Salin selepas log masuk

Dalam ini contoh:

  • Elemen div dengan>
  • Dalam div, kami mencipta dua rentang teks dengan warna tersuai menggunakan CSS sebaris ("span>

Penghadan

Perlu diingat bahawa atribut boleh diedit kandungan mungkin tidak disokong oleh semua penyemak imbas dengan cara yang sama penting untuk memastikan penyunting teks yang digunakan dalam aplikasi induk tidak mengganggu keupayaan penyuntingan teks elemen boleh diedit kandungan.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mencipta Teks Berbilang Warna dalam Kawasan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan