手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >下拉框select样式改写具体实现
下拉框select样式改写具体实现
摘要:.select{width:168px;height:16px;background:none;border:none;}#sleHid{d...

<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">

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

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

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

</select>

</span>

</span>

</form>

</div>

【下拉框select样式改写具体实现】相关文章:

CSS中a标签样式原则

CSS右对齐实现方法

div模拟下拉菜单select控件模块 css实现表单select美化

下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

左中右3栏最先显示中栏内容的方法

CSS:CSS样式如何实现Logo立体盒子效果

几款不错的按钮样式

CSS自定义滚动条样式

css代码格式化清理工具

CSS常用样式效果

精品推荐
分类导航