改变TextBox控件的外观

Question

有没有办法可以将TextBox的外观从默认外观更改为

我搜索了creating a custom TextBox，但没有看到任何改变其外观的信息。

我有PSD中的图像我只是不知道是否有办法用这个图像替换默认外观

我是新手制作网站，只是为了学习目的而使用它，所以我真的不知道从哪里开始

Answer 1

您应该使用CSS来实现这一目标。你需要做的就是设计风格。 Here是一些可以帮助你的好例子。

以下是展示如何添加背景图片的内容：

.tb11 {
    background:#FFFFFF url(images/search.png) no-repeat 4px 4px;
    padding:4px 4px 4px 22px;
    border:1px solid #CCCCCC;
    width:230px;
    height:18px;
}

Answer 2

您可以创建一个自定义的asp.net文本框控件，并使用必要的html（标签或范围）和css包装oob asp.net文本框，以便按照您想要的方式设置样式。该控件将变为可重用，您可以在任何页面上使用它。

Answer 3

如果您想要一种简单的方法，只需加载易于使用的引导框架并将所需的文件包含在您的项目中。

只需将正确的类添加到您的控件中，就在这里！

此外，文档非常完整和简单

http://getbootstrap.com/components/#input-groups

Answer 4

asp.net TextBox实际上只是input type="text"。

您可以使用样式表执行此类操作：

CSS：

input[type=text].styled1
{
    background: url(http://myUrl.com/Username.jpg);
    border:0;
    color: gray;
    height: 23px;
    padding-left:10px;
    width: 200px;
}

XHTML：

<asp:Textbox id="txtUsername" runat="server" CssClass="styled1" />