有时候设计稿的option选项的宽高都不是默认尺寸,想要修改宽高,用padding或者margin都没有用,所以就用div+ul+jq实现。
html
<div id="city"> <p class="title">查找新世界城市活动信息</p> <p>每个城市的有不同的活动信息,请自主查询您所需要了解的城市</p> <form action="" method="post"> <div class="country"> <ul> <li class="active">中国</li> <li>美国</li> <li>英国</li> <li>法国</li> </ul> </div> <div class="status"> <ul> <li class="active">省份</li> <li>北京</li> <li>广东</li> <li>贵州</li> </ul> </div> <div class="city"> <ul> <li class="active">城市</li> <li>杭州</li>