Asp.net DropDownList 自定义样式(想怎么改就怎么改!)
2013-11-18 15:51
579 查看
最近在做一个asp.net的项目,需要对默认的dropdownlist样式进行美化,固有的dropdownlist的小箭头实在让人无法接受,于是开始在百度,google 上下求索,天不负有心人,终于找到了一个完美解决方案(经过google搜素所得),各位客官可以到这个地址
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists
详细参考一下 核心js文件
custom-form-elements.min.js然后在要改变样式的dropdownlist上添加一个名为“”styled"的class 需要在页面上添加一个样式,如下
其实对该解决方案分析所得,这个方法非常巧妙,真正的dropdownlist进行了透明化,实际显示的是一个span标签,span的背景图片就是实际看到的dropdownlist的美化结果,如果dropdownlist有后台事件的,需要
在这个custom-form-elements.min.js 中的choose函数的末尾添加
this.id ----指当前操作的dropdownlist 的Id
如果有什么不解的,可以提出.
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists
详细参考一下 核心js文件
custom-form-elements.min.js然后在要改变样式的dropdownlist上添加一个名为“”styled"的class 需要在页面上添加一个样式,如下
.select { position: absolute; width: 158px; height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(select.png) no-repeat;/*span背景图片,其实就是dropdownlist图片*/ overflow: hidden; }
其实对该解决方案分析所得,这个方法非常巧妙,真正的dropdownlist进行了透明化,实际显示的是一个span标签,span的背景图片就是实际看到的dropdownlist的美化结果,如果dropdownlist有后台事件的,需要
在这个custom-form-elements.min.js 中的choose函数的末尾添加
setTimeout('__doPostBack(\'' + this.id + '\',\'\')', 0);
this.id ----指当前操作的dropdownlist 的Id
如果有什么不解的,可以提出.
相关文章推荐
- [备用]权限设计方案、如何使用session、MVC如何使用模板、DropdownList、怎么添加Bootstrape框架、使用ASP.NET MVC 4 Bootstrap Layout Template(VS2012)
- Asp.net SQLServer导出Excel,速度快,支持自定义表格样式什么的,甚是方便!
- ASP.NET关于继承DropDownList的自定义DDL控件
- ASP.NET自定义控件 第二天 带有自定义样式的星级控件
- asp.net 跬步篇(5) repeater 自定义模板实现特殊样式控件
- ASP.NET 自定义WEB控件:DropDownList改进版
- (ASP.Net)MVC4怎么设置@Html.TextBoxFor样式
- ASP.NET自定义Web服务器控件-DropDownList/Select下拉列表控件
- ASP.NET - 自定义控件【第二天 带有自定义样式的星级控件】
- 如何给DropDownList控件设置样式(ASP.NET MVC)
- ASP.NET MVC 3 使用Model自定义验证的样式
- 怎么在微信公众号使用ASP.net开发自定义菜单
- 重载asp.net的dropdownlist控件,使其支持样式和空格的一点改进
- redirect的错误用法asp.net怎么使用自定义错误
- 如何给DropDownList控件设置样式(ASP.NET MVC)
- [转]ASP.net中的GridView的自定义分页 只是重新定义了分页的样式,无总记录数!
- ASP.NET: 为自定义控件设置主题(Theme)样式
- 怎么设置asp.net中DropDownList下拉列表的高度?
- Asp.NET MVC X.PageList.MVC 分页详解以及自定义样式
- 菜鸟也封装之asp.net自定义双样式分页控件.