有没有办法可以将 a 的外观TextBox
从其默认外观更改为如下所示
我搜索creating a custom TextBox
但没有看到任何关于改变它的外观。
我有 PSD 中的图像我只是不知道是否有办法用此图像替换默认外观
我是制作网站的新手,只是将其用于学习目的,所以我真的不知道从哪里开始
有没有办法可以将 a 的外观TextBox
从其默认外观更改为如下所示
我搜索creating a custom TextBox
但没有看到任何关于改变它的外观。
我有 PSD 中的图像我只是不知道是否有办法用此图像替换默认外观
我是制作网站的新手,只是将其用于学习目的,所以我真的不知道从哪里开始
您应该使用 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;
}
您可以创建自定义 asp.net 文本框控件并使用必要的 html(标签或跨度)和 css 包装 oob asp.net 文本框,以按照您想要的方式对其进行样式设置。该控件将变得可重用,您将能够在任何页面上使用它。
如果您想要一种简单的方法,只需加载易于使用的引导框架并将所需的文件包含到您的项目中。
不仅仅是将正确的类添加到您的控件中,它就是这样!
此外,文档非常完整且简单
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" />