0

有没有办法可以将 a 的外观TextBox从其默认外观更改为如下所示

在此处输入图像描述

我搜索creating a custom TextBox但没有看到任何关于改变它的外观。

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

我是制作网站的新手,只是将其用于学习目的,所以我真的不知道从哪里开始

4

4 回答 4

1

您应该使用 CSS 来实现这一点。你需要做的就是设计它的样式。这里有一些很好的例子可以帮助你。

这是显示如何添加背景图像的一个:

.tb11 {
    background:#FFFFFF url(images/search.png) no-repeat 4px 4px;
    padding:4px 4px 4px 22px;
    border:1px solid #CCCCCC;
    width:230px;
    height:18px;
}
于 2013-09-26T17:22:16.223 回答
0

您可以创建自定义 asp.net 文本框控件并使用必要的 html(标签或跨度)和 css 包装 oob asp.net 文本框,以按照您想要的方式对其进行样式设置。该控件将变得可重用,您将能够在任何页面上使用它。

于 2013-09-26T17:24:26.580 回答
0

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

不仅仅是将正确的类添加到您的控件中,它就是这样!

此外,文档非常完整且简单

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

于 2013-09-26T17:25:52.537 回答
0

asp.netTextBox实际上只是一个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" />
于 2013-09-26T17:27:58.207 回答