Bagaimanakah Saya Boleh Menggayakan Elemen `` dalam Dropdown `` Menggunakan Penyelesaian CSS?

Menggayakan Elemen dalam Elemen dengan CSS

Walaupun tidak sesuai untuk menggayakan elemen dalam elemen dengan CSS tulen, terdapat penyelesaian yang boleh memberikan kesan visual yang serupa.

Firefox 35 dan Penambahbaikan WebKit

Dalam Firefox 35 dan WebKit, sifat penampilan boleh digunakan untuk menyembunyikan penggayaan lalai unsur. Dengan menetapkan -webkit-appearance dan -moz-appearance kepada tiada, butang lungsur turun boleh dialih keluar. Untuk sokongan IE 11, [::-ms-expand] juga boleh digunakan untuk mencapai kesan ini.

Penyelesaian Penyemak Imbas Merentas menggunakan HTML dan CSS

Untuk mensimulasikan penggayaan untuk elemen, penyelesaian boleh dilaksanakan menggunakan gabungan HTML dan CSS:

1. Buat div bekas dan sertakan di sekeliling elemen.
   Tambah penggayaan pada div kontena, termasuk jidar, padding dan kesan tuding.
   Sembunyikan senarai tidak tertib bersarang (

   ) dalam div kontena, yang mengandungi item senarai mewakili elemen.
   • Gunakan kesan tuding pada div bekas untuk memaparkan senarai tidak tertib bersarang.
   • Gayakan
   • elemen dalam senarai tidak tersusun untuk menyerupai
   elemen, termasuk pelapik, sempadan dan kesan tuding.

   Penyelesaian ini menyediakan penyelesaian untuk penggayaan elemen, walaupun penggayaan CSS langsung bagi elemen ini tidak disokong dalam semua penyemak imbas.

   Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Elemen `` dalam Dropdown `` Menggunakan Penyelesaian CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

   firefox css html webkit for select using Property default this display padding ul li
   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
   Artikel sebelumnya：Penjagaan SantaArtikel seterusnya：Penjagaan Santa

   Artikel berkaitan

   Lihat lagi

   • Ringkasan perkara yang perlu anda perhatikan tentang Border semasa menulis CSS
   • Bagaimana untuk merealisasikan pemilihan berbilang gaya dan penukaran masa nyata gaya_Pertukaran pengalaman
   • Analisis penggunaan terperinci marquee
   • CSS标题线（删除线贯穿线效果）实现
   • CSS3中优雅降级和渐进增强的区别
   

   Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

   Tentang kitaPenafianSitemap

   © php.cn All rights reserved