zoukankan      html  css  js  c++  java
  • Asp.net DropDownList 自定义样式(想怎么改就怎么改!)

    最近在做一个asp.net的项目,需要对默认的dropdownlist样式进行美化,固有的dropdownlist的小箭头实在让人无法接受,于是开始在百度,google 上下求索,天不负有心人,终于找到了一个完美解决方案(经过google搜素所得),各位客官可以到这个地址

    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

    如果有什么不解的,可以提出.

    我要一步一步往上爬 在最高点乘着叶片往前飞 任风吹干 流过的泪和汗 我要一步一步往上爬 等待阳光静静看着它的脸 小小的天有大大的梦想 我有属于我的天 任风吹干流过的泪和汗 总有一天我要属于我的天
  • 相关阅读:
    elasticsearch
    CentOS6.9安装Logstash
    CentOS6.9安装Filebeat监控Nginx的访问日志发送到Kafka
    openresty capture
    CentOS6.9安装socat
    CentOS挂Windows的NFS备忘
    openCV 备忘
    rabbitmq更换数据文件和日志文件的存放位置
    根据某个文件或文件夹自制rpm包
    checkinstall打包工具使用
  • 原文地址:https://www.cnblogs.com/MrALei/p/3429608.html
Copyright © 2011-2022 走看看