手机
当前位置:查字典教程网 >网页设计 > 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绿色导航菜单制作实例

CSS中样式覆盖优先顺序详解

两个DEDECMS分页样式css代码

CSS导航布局中当前页面的具体实现demo示例

CSS教程:clip属性完全解答

DIV CSS隐藏内容样式方法大全

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

如何让图像域和文本输入框水平居中之类的实现代码

CSS自定义滚动条样式

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

精品推荐
分类导航