Menggayakan
Berbeza dengan menyesuaikan menu lungsur menggunakan JavaScript, tidak mungkin untuk menggayakan
Keserasian Merentas Penyemak Imbas
Untuk penyemak imbas seperti IE9 , Firefox dan Chrome, sifat CSS berikut boleh memberikan penggayaan separa pilihan:
Sifat ini boleh mengalih keluar gaya lalai lungsur turun, tetapi penyesuaian selanjutnya adalah terhad.
Penyelesaian Alternatif
Untuk mencapai penampilan yang serupa, anda boleh menggunakan pendekatan penyelesaian dengan menukar
Contoh
<div>
Select
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</div>div {
margin: 10px;
padding: 10px;
border: 2px solid purple;
width: 200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div > ul { display: none; }
div:hover > ul {display: block; background: #f9f9f9; border-top: 1px solid purple;}
div:hover > ul > li { padding: 5px; border-bottom: 1px solid #4f4f4f;}
div:hover > ul > li:hover { background: white;}
div:hover > ul > li:hover > a { color: red; }Atas ialah kandungan terperinci Bagaimana Saya Boleh Menggayakan Elemen HTML `` dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
