改变文本框、按钮样式函数

原创 2004年05月07日 22:24:00

老猫の理想
迈克老猫

初始化文本框、按钮的效果函数。
注释很清楚我就不多说了。

程序代码:
.btnadd_1
{
    font-size: 12px;
    width: 80px;
    height: 22px;
    background-image: url(Images/Btn/btnadd_1.gif);
    border: none;
    padding-top: 3px;
    cursor:hand;
}
.btnadd_2
{
    font-size: 12px;
    width: 80px;
    height: 22px;
    background-image: url(Images/Btn/btnadd_2.gif);
    border: none;
    padding-top: 3px;
    cursor:hand;
}

程序代码:

/// <summary>
/// 控件效果
/// </summary>
/// <param name="ctrls">控件数组,一种类型控件数组,目前只支持Button,TextBox两种类型控件,比如Control ctrls={btn_Add,Btn_Save}</param>
/// <param name="Type1">样式类型1,Button控件,支持鼠标滑过onmouseOver和鼠标滑开两种效果,TextBox控件,支持鼠标获得焦点onFocus和失去焦点两种效果</param>
/// <param name="Type2">样式类型2</param>
public void CtrlAttributes(Control [] ctrls,string Type1,string Type2)
{
    for (int i=0;i<ctrls.Length;i++)
        {
            if (ctrls[i] is TextBox)
                {
                ((TextBox)ctrls[i]).Attributes.Add("class",Type1);
                    ((TextBox)ctrls[i]).Attributes.Add("onFocus","className='"+Type2+"'");
                    ((TextBox)ctrls[i]).Attributes.Add("onBlur","className='"+Type1+"'");
                }
                if (ctrls[i] is Button)
                {
                    ((Button)ctrls[i]).Attributes.Add("class",Type1);
                    ((Button)ctrls[i]).Attributes.Add("onmouseOver","className='"+Type2+"'");
                    ((Button)ctrls[i]).Attributes.Add("onmouseOut","className='"+Type1+"'");
                    
        }
    }
}

css设置登录文本框和html按扭样式

.inputs{ height:37px; line-height:37px; width:250px; border:1px solid #EAEAEA; font-size:14px;} .yan...
  • zhaohongx
  • zhaohongx
  • 2014年05月14日 08:27
  • 573

JS基础——修改文本框的值(函数传参)

CSS部分: *{ padding: 0; margin: 0;} body{ font-size: 12px; color: #333; background: #fff;} li{ list-...
  • u011175410
  • u011175410
  • 2015年11月27日 17:27
  • 674

input text 文本框的样式 字体样式设置 按钮的样式

  • kalision
  • kalision
  • 2012年02月11日 10:36
  • 23824

设置文本框样式和修改按钮样式

xml文件设置控件样式
  • kyoulijian
  • kyoulijian
  • 2015年12月25日 12:48
  • 469

Javascript动态改变按钮样式

 主要用到button的onmouseover, onmouseout ,onclick事件,鼠标移到按钮上,按钮的透明度发生改变,移出按钮透明度恢复。点击按钮,被点击按钮背景色改变,点击下一按钮该按...
  • ecren
  • ecren
  • 2007年04月07日 10:44
  • 2994

修改选择文件文本框及按钮样式

选择文件 .u-btn-selectfile{ background: #eee; border: none; /*color: ...
  • a1223f
  • a1223f
  • 2016年05月27日 10:35
  • 711

Bootstrap 教程第六课:各种按钮组合样式

Bootstrap给按钮提供了很丰富的样式,以及组合,根据不同的需求,可以灵活定制自己想要得到的样式。在第四课中,我们介绍了一组按钮添加.btn-group类,使一组按钮组合起来成为一个小的功能按钮集...
  • kl28978113
  • kl28978113
  • 2016年06月20日 17:02
  • 2561

[前端] js点击按钮改变样式

有时候我们希望实现点击按钮并切换样式的效果,一个简单的方法是链接到另一个页面,但是,在有些情况下,我们不希望这么做,因为我们改变的只是页面的很小一部分,我们没有必要为了这一小部分而刷新整个界面。另外,...
  • ZJU_fish1996
  • ZJU_fish1996
  • 2016年07月20日 17:20
  • 14376

CSS实现鼠标滑过按钮更改按钮样式

CSS实现鼠标滑过按钮更改按钮样式,方便简单: .btn {     cursor:pointer;     border:1px solid #2b87c8;     border-rad...
  • john320
  • john320
  • 2015年12月16日 14:12
  • 2889

改变上传文本框样式

http://hi.baidu.com/loveyoukuo/item/fa8d6ec086c6e80f0bd93abc http://bbs.blueidea.com/thread-122...
  • xiaokui_wingfly
  • xiaokui_wingfly
  • 2013年08月16日 17:55
  • 597
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:改变文本框、按钮样式函数
举报原因:
原因补充:

(最多只允许输入30个字)