freetextbox控件添加自定义按钮(表情:)
刚才一边查看源码一边在测试,发现freetextbox的backcolor属性更改之后好像无效的。
freetextbox.cs
 public Color BackColor {
public Color BackColor {
 get {
            get { 
 object savedState = this.ViewState["BackColor"];
                object savedState = this.ViewState["BackColor"];
 return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState;
                return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState;
 }
            }
 set {
            set {
 ViewState["BackColor"] = value;
                ViewState["BackColor"] = value;
 }
            }
 }
        }
下面这个是freetextbox整个表格的背景颜色,需要跟backcolor颜色一起使用
 td." + base.ID + @"_TabOn {
td." + base.ID + @"_TabOn {
 font: 8pt MS Sans Serif;
    font: 8pt MS Sans Serif;
 padding:1px;
    padding:1px;
 padding-left:5px;
    padding-left:5px;
 padding-right:5px;
    padding-right:5px;
 border-left: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorLight) + @";
    border-left: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorLight) + @";
 border-right: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @";
    border-right: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @";
 border-top: 1 solid " + ColorTranslator.ToHtml(this.BackColor) + @";
    border-top: 1 solid " + ColorTranslator.ToHtml(this.BackColor) + @";
 border-bottom: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @";
    border-bottom: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @";
 background-color: " + ColorTranslator.ToHtml(this.BackColor) + @";
    background-color: " + ColorTranslator.ToHtml(this.BackColor) + @";
 }
}
我在设计界面更改了freetextbox的backcolor为red(红色),但在运行的时候还是显示灰色按钮,然后没办法,就直接更改了它的属性
 public Color BackColor {
public Color BackColor {
 get {
            get { 
 object savedState = this.ViewState["BackColor"];
                object savedState = this.ViewState["BackColor"];
 return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState;
                return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState;
 }
            }
 set {
            set {
 ViewState["BackColor1"] = value;
                ViewState["BackColor1"] = value;
 }
            }
 }
        }
这样在没有backcolor属性值也以我默认的颜色值来显示freetextbox背景颜色,狂晕当中……
二。图像的边框(当鼠标称动到表情上时该图像会有蓝色的边框,)

去除该边框要更改css样式的值
freetextbox.cs
 td." + base.ID + @"_ButtonOver {
td." + base.ID + @"_ButtonOver {
 border-top: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";
    border-top: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";    
 border-left:0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";
    border-left:0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";
 border-right: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @";
    border-right: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @";
 border-bottom: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @";
    border-bottom: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @";
 " + ((ButtonStyle.OverBackColor != Color.Empty) ? "background-color: " + ColorTranslator.ToHtml(ButtonStyle.OverBackColor) + ";" : "") + @"
    " + ((ButtonStyle.OverBackColor != Color.Empty) ? "background-color: " + ColorTranslator.ToHtml(ButtonStyle.OverBackColor) + ";" : "") + @"
 font-family: MS Sans Serif;
    font-family: MS Sans Serif;
 font-size: 10pt;
    font-size: 10pt;
 }
}
下面是最终效果图(是不是跟博客园 的html编辑器界面效果差不多呀
 
freetextbox.cs
 public Color BackColor {
public Color BackColor { get {
            get {  object savedState = this.ViewState["BackColor"];
                object savedState = this.ViewState["BackColor"]; return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState;
                return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState; }
            } set {
            set { ViewState["BackColor"] = value;
                ViewState["BackColor"] = value; }
            } }
        }下面这个是freetextbox整个表格的背景颜色,需要跟backcolor颜色一起使用
 td." + base.ID + @"_TabOn {
td." + base.ID + @"_TabOn { font: 8pt MS Sans Serif;
    font: 8pt MS Sans Serif; padding:1px;
    padding:1px; padding-left:5px;
    padding-left:5px; padding-right:5px;
    padding-right:5px; border-left: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorLight) + @";
    border-left: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorLight) + @"; border-right: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @";
    border-right: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @"; border-top: 1 solid " + ColorTranslator.ToHtml(this.BackColor) + @";
    border-top: 1 solid " + ColorTranslator.ToHtml(this.BackColor) + @"; border-bottom: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @";
    border-bottom: 1 solid " + ColorTranslator.ToHtml(this.GutterBorderColorDark) + @"; background-color: " + ColorTranslator.ToHtml(this.BackColor) + @";
    background-color: " + ColorTranslator.ToHtml(this.BackColor) + @"; }
}我在设计界面更改了freetextbox的backcolor为red(红色),但在运行的时候还是显示灰色按钮,然后没办法,就直接更改了它的属性

 public Color BackColor {
public Color BackColor { get {
            get {  object savedState = this.ViewState["BackColor"];
                object savedState = this.ViewState["BackColor"]; return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState;
                return (savedState == null) ? ColorTranslator.FromHtml("#F5F5F5") : (Color) savedState; }
            } set {
            set { ViewState["BackColor1"] = value;
                ViewState["BackColor1"] = value; }
            } }
        }这样在没有backcolor属性值也以我默认的颜色值来显示freetextbox背景颜色,狂晕当中……
二。图像的边框(当鼠标称动到表情上时该图像会有蓝色的边框,)

去除该边框要更改css样式的值
freetextbox.cs
 td." + base.ID + @"_ButtonOver {
td." + base.ID + @"_ButtonOver { border-top: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";
    border-top: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";     border-left:0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @";
    border-left:0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorLight) + @"; border-right: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @";
    border-right: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @"; border-bottom: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @";
    border-bottom: 0 solid " + ColorTranslator.ToHtml(ButtonStyle.OverBorderColorDark) + @"; " + ((ButtonStyle.OverBackColor != Color.Empty) ? "background-color: " + ColorTranslator.ToHtml(ButtonStyle.OverBackColor) + ";" : "") + @"
    " + ((ButtonStyle.OverBackColor != Color.Empty) ? "background-color: " + ColorTranslator.ToHtml(ButtonStyle.OverBackColor) + ";" : "") + @" font-family: MS Sans Serif;
    font-family: MS Sans Serif; font-size: 10pt;
    font-size: 10pt; }
}下面是最终效果图(是不是跟博客园 的html编辑器界面效果差不多呀

 
 
                     
                    
                 
                    
                

 
             
                
            
         
 
         浙公网安备 33010602011771号
浙公网安备 33010602011771号