Rumah >hujung hadapan web >tutorial css >Bolehkah Anda Menggayakan Ubah Saiz Grabbers pada Kawasan Teks?

Bolehkah Anda Menggayakan Ubah Saiz Grabbers pada Kawasan Teks?

DDD
DDDasal
2024-11-04 21:22:02677semak imbas

Can You Style the Resize Grabbers on Text Areas?

Menggayakan Kawasan Teks Ubah Saiz Grabbers

Soalan: Adakah mungkin untuk menggayakan pemegang resize grabber pada kawasan teks?

Jawapan:

Ya, anda boleh memperibadikan penampilan perebut ubah saiz dalam kawasan teks menggunakan ::-webkit-resizer pseudo-element. Elemen pseudo ini disokong dalam penyemak imbas berasaskan WebKit, seperti Chrome dan Safari.

Untuk menyembunyikan perebut saiz semula, anda boleh menggunakan paparan: none atau -webkit-appearance: none properties:

<code class="css">::-webkit-resizer {
  display: none;
}

OR

::-webkit-resizer {
  -webkit-appearance: none;
}</code>

Dengan menggunakan gaya ini, perebut ubah saiz akan tidak kelihatan pada kawasan teks.

Contoh:

<code class="html"><textarea></textarea></code>
<code class="css">::-webkit-resizer {
  display: none;
}</code>

Atas ialah kandungan terperinci Bolehkah Anda Menggayakan Ubah Saiz Grabbers pada Kawasan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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