SELECT美化

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/iteye_13538/article/details/82568535

<style type="text/css">

.select { width:80px; height:24px; background:none; border:none; }

#sleHid { display:block; width:56px; overflow:hidden; }

#sleBG { width:78px; height:24px; border:#61AC36 1px solid; border-right:none; background:url(arrow.gif) #fff no-repeat 62px 1px; display:block;}

</style>

<div>

<form>

<span id="sleBG">

<span id="sleHid">

<select name="type" class="select">

<option selected="selected">所有分类</option>

<option value="1">图书</option>

<option value="2">音像hhhhhhhhhhhhhhhhhhhhhhhhhhh</option>

</select>

</span>

</span>

</form>

</div>

展开阅读全文

没有更多推荐了,返回首页