CSS案例讲解-表单部件

案例介绍

欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！
我们来用CSS编程实战案例，使用<ul><li></li></ul>列表标签完成一个下拉菜单样式的表单部件。

案例演示

运行代码后在浏览器弹出由<ul><li></li></ul>标签组成的下拉菜单样式的列表。

源码学习

进入核心代码学习，我们先来看HTML模板中的代码。

<!-- 有个小院-兴趣编程 -->
<div class="select active">
  <span class="value">Cherry</span>
  <ul class="optList">
    <li class="option highlight">Cherry</li>
    <li class="option">Lemon</li>
    <li class="option"