Question

有人可以指导我进行良好的Textbox替换或css设计。我认为常规的很无聊，但运作良好。我只需要让它看起来更好。

感谢。

Answer 1

在生成的HTML页面中，TextBox呈现为标准input元素：

<input type="text" />

因此，您可以为其应用任何类型的CSS样式，不需要其他控件。至于CSS示例，您可以从here开始获取一些想法。

Answer 2

http://jsfiddle.net/533eV/1/也许这很简单，但你可以玩阴影，或改变颜色等。

Answer 3

像这样在MarkUp上应用CSS。

<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');

}

在下载之前http://curved-corner.googlecode.com/files/border-radius.htc并将其放在CSS所在的同一文件夹中。

演示：http://jsfiddle.net/naveen/YqRCU/2/

Answer 4

我现在看到这个网站显示了许多不错的文字输入（检查＃44输出）：的 http://html-generator.weebly.com/css-textbox-style.html

Asp.net Textbox替换或更好的设计

4 个答案: