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

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

    我要一步一步往上爬 在最高点乘着叶片往前飞 任风吹干 流过的泪和汗 我要一步一步往上爬 等待阳光静静看着它的脸 小小的天有大大的梦想 我有属于我的天 任风吹干流过的泪和汗 总有一天我要属于我的天
  • 相关阅读:
    cf C. Vasya and Robot
    zoj 3805 Machine
    cf B. Vasya and Public Transport
    cf D. Queue
    cf C. Find Maximum
    cf B. Two Heaps
    cf C. Jeff and Rounding
    cf B. Jeff and Periods
    cf A. Jeff and Digits
    I Think I Need a Houseboat
  • 原文地址:https://www.cnblogs.com/MrALei/p/3429608.html
Copyright © 2011-2022 走看看