开发者

Asp.net Textbox replacement or better design

Can someone direct me t开发者_开发百科o a good Textbox replacement or css design for the standart one. I think the regular one is boring but functioning well. I just need to make it look nicer.

Thanks.


In the resulting HTML page TextBox is rendered as a standard input element:

<input type="text" />

So, you may apply any sort of CSS styling for it, there is no need for another control. As for CSS example, you may start from here to get some ideas.


Apply CSS on MarkUp like this.

<asp:TextBox ID="TextBox1" runat="server" CssClass="textbox" />

CSS

.textbox{ behavior: url(border-radius.htc);

border: 1px solid #CCCCCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 6px 6px 4px;
box-shadow: 2px 3px 2px #eee;
-moz-box-shadow: 2px 3px 2px #eee;
-webkit-box-shadow: 2px 3px 2px #eee;
background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f4f4f4');

}

Before that download http://curved-corner.googlecode.com/files/border-radius.htc and place it in the same folder the CSS resides.

Demo: http://jsfiddle.net/naveen/YqRCU/2/


http://jsfiddle.net/533eV/1/ maybe it is to simple, but you could play with shadows, or change colors ect.


I now saw this website which shows many nice text inputs (check #44 out): http://html-generator.weebly.com/css-textbox-style.html

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜