hujung hadapan web
tutorial css
Bagaimana untuk Menggayakan Senarai Pilih dengan Padding dalam Safari dan IE Walaupun Spesifikasi W3?
Bagaimana untuk Menggayakan Senarai Pilih dengan Padding dalam Safari dan IE Walaupun Spesifikasi W3?
Menggayakan Senarai Pilihan dengan Padding dalam Safari dan IE
Walaupun spesifikasi W3 tidak melarang penggunaan padding dalam kotak terpilih, pelayar Webkit seperti kerana Safari dan Chrome tidak menyokong ciri ini. Untuk mencapai kesan yang diingini, pertimbangkan untuk menggantikan sifat padding-left dengan text-indent, memastikan untuk melaraskan lebar kotak pilihan dengan sewajarnya.
Contoh:
Dalam yang berikut coretan kod, sifat padding-left dialih keluar dan digantikan dengan text-indent:
<code class="html"><select id="sexID" name="user[sex]"
style="border:1px solid #C1272D;
width:258px; // 243 + 15px
text-indent:15px;
height:25px;
color:#808080;"></code>
Dengan menambahkan jumlah lekukan teks yang sama seperti yang akan diduduki oleh padding, kotak pilihan kini mempunyai jajaran kiri medan teks. Penyelesaian ini secara berkesan mensimulasikan gelagat pelapik dalam Safari dan IE, memberikan pengalaman penggayaan yang konsisten merentas pelayar yang berbeza.
Atas ialah kandungan terperinci Bagaimana untuk Menggayakan Senarai Pilih dengan Padding dalam Safari dan IE Walaupun Spesifikasi W3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Stock Market GPT
Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Cara menggunakan harta saiz semula di Textarea di CSS
Sep 04, 2025 am 09:09 AM
Untuk mengawal tingkah laku skala Textarea, anda perlu menggunakan atribut saiz semula CSS; 1. Tetapkan saiz semula kepada kedua -duanya untuk membenarkan skala mendatar dan menegak (lalai); 2. Ditetapkan ke mendatar untuk hanya membenarkan pelarasan lebar; 3. Tetapkan ke menegak hanya membenarkan pelarasan ketinggian; 4. Ditetapkan untuk tidak sepenuhnya melarang skala; 5. Blok dan inline sesuai dengan arahan tahap dan inline masing-masing; Digabungkan dengan sifat-sifat seperti min-ketinggian, lebar maksimum, dan lain-lain, pelbagai skala boleh dibatasi, dan atribut ini disokong secara meluas dalam pelayar moden dan sesuai untuk unsur-unsur peringkat blok yang limpahannya tidak dapat dilihat.
Cara menggunakan kelas pseudo di CSS
Sep 07, 2025 am 06:59 AM
Pseudo-classesincsareykeywordsthatstyleelementsbasedonstate, posisi, orattributes, peningkatan interprovingandredcingtheneedforextrahtmlclass;
Cara Menggunakan Pertanyaan Media-Motion-Motion Prefters di CSS
Sep 03, 2025 am 04:32 AM
Lebih suka-dikurangkan-gerakan meningkatkan kebolehcapaian dengan mengesan sama ada pengguna menetapkan animasi yang dikurangkan dalam sistem. Apabila nilai mengurangkan dikurangkan, animasi harus dilumpuhkan atau dipermudahkan untuk mengelakkan ketidakselesaan pengguna. Gunakan @media (lebih suka-dikurangkan-gerakan: mengurangkan) untuk mengatasi animasi lalai, menetapkan animasi atau peralihan kepada tiada untuk menghapuskan kesan gerakan yang berbahaya, tetapi mengekalkan sedikit kesan animasi seperti perubahan warna. Pada masa yang sama, ujian harus memastikan fungsi lengkap, untuk menyediakan pengguna dengan persekitaran pelayaran yang lebih selamat dan lebih selesa tanpa menjejaskan pengalaman teras.
Cara Menggunakan Harta Penunjuk-Titik di CSS
Sep 17, 2025 am 07:30 AM
ThePointer-EventsPropertyIncScontrolswhetheranelementCanBethetargetOfPointerevents.1.usepointer-Events: nonetodisableIntionsLikeClicksorhoversWheLeepingTheelementVisibleVisible.2.applyoverlaystoundlowlickeWough
Cara Membuat Menu Dropdown Dengan CSS Murni
Sep 20, 2025 am 02:19 AM
Gunakan HTML dan CSS untuk membuat menu drop-down tanpa JavaScript. 2. Memicu paparan submenu melalui: hover pseudo-class. 3. Gunakan senarai bersarang untuk membina struktur, dan tetapkan kesan paparan tersembunyi dan digantung dalam CSS. 4. Animasi peralihan boleh ditambah untuk meningkatkan pengalaman visual.
Cara Menambah Kesan Bayangan Kotak Dengan CSS
Sep 20, 2025 am 12:23 AM
Usethebox-shadowpropertytoadddropshadows.Definehorizontalandverticaloffsets,blur,spread,color,andoptionalinsetforinnershadows.Multipleshadowsarecomma-separated.Example:box-shadow:5px10px8pxrgba(0,0,0,0.3);createsasoftblackshadow.
Cara Mencegah Imej Dari Regangan atau Mengecam Dengan CSS
Sep 21, 2025 am 12:04 AM
UseObject-Fitormax-Widthwithheight: AutotopreventimagedIstion; Object-FitControlShowimagesfillConterswhilePreservingaseSpectratios, andmax-width: 100%; Height: AutoensureSressiveSsiveScalingWithoutStretching.
Cara memohon penapis pada gambar dengan css
Sep 21, 2025 am 02:27 AM
Thecssfilterpropertyallowseasymagestylingwitheffectslebur, kecerahan, andgrayscale.usefilter: fungsi penapis (nilai) onimagesorbackgroundimages.commonfunctionsincludeblur (px), kecerahan (%)
