下拉框select样式改写
2013-10-16 14:34
267 查看
<style>
.select { width:168px; height:16px; background:none; border:none; }
#sleHid { display:block; width:143px; overflow:hidden; }
#sleBG { width:168px; height:16px; border: 1px solid #A3938C; background:url("icon3.jpg") #fff no-repeat 151px 0px; 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">音像</option>
</select>
</span>
</span>
</form>
</div>
.select { width:168px; height:16px; background:none; border:none; }
#sleHid { display:block; width:143px; overflow:hidden; }
#sleBG { width:168px; height:16px; border: 1px solid #A3938C; background:url("icon3.jpg") #fff no-repeat 151px 0px; 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">音像</option>
</select>
</span>
</span>
</form>
</div>
相关文章推荐
- 下拉框select样式改写具体实现
- CSS3 中关于 select 下拉列表的样式
- css下拉框select自定义样式
- 下拉框三角换成图、重构select、下拉框样式、select样式
- select默认下拉箭头改变、option样式清除
- select下拉样式
- 下拉列表-select样式css处理
- CSS3 下select下拉列表样式的修改
- css样式美化 下拉框 select 样式
- select、input等默认样式的改变,包含下拉三角
- 好看的select下拉框样式收集
- jQuery实现select下拉框样式美化效果
- 改变select下拉框中对应option的样式颜色已经展示的option如何进行颜色对应
- 改变 select下拉框 样式
- 自定义下拉列表select样式
- 隐藏select最右侧的下拉三角图标的css样式
- select默认下拉箭头改变、option样式清除
- 用dl模拟实现可自定义样式的SELECT下拉列表(已封装)
- 清除Css中select的下拉箭头样式
- select框默认样式去除(ie中隐藏默认下拉图标)