ASP.NET 用VS2005比如imageButton 如何添加文字属性,比如文字在下方,在左右边,其实就是图片+文字的按钮
找了网页很久,自己动手做了一个,但是鼠标移动上去的时候,只在图片位置出现手型光标,但是文字区域却没有,我需要的是一个整体的,当鼠标移动上去的时候自动出现外壳,一直没有找到...
找了网页很久,自己动手做了一个,但是鼠标移动上去的时候,只在图片位置出现手型光标,但是文字区域却没有,我需要的是一个整体的,当鼠标移动上去的时候自动出现外壳,一直没有找到现成开发好的自定义控件,网上多复杂的教程都有,就是没有图片加文字的按钮,这样的按钮应该经常用到啊,也不会太复杂的,只是我不太会,为什么没有人做?有知道的朋友告诉一下,万分感谢!
展开
1个回答
展开全部
邮箱给我可以给你发个例子我邮箱是arthurguo88@hotmail.com
其实这好写, 用一个linkbutton
<asp:LinkButton ID="SubmitLinkButton" CssClass="button" runat="server" OnClick="SubmitLinkButton_Click"><span>Submit</span></asp:LinkButton>
-----------------------------------css
a.button
{
background: transparent url('/Images/CssSlideButtonEnd.png') no-repeat scroll top right;
color: #fff;
display: block;
float: right;
font: normal 14px arial, sans-serif;
font-weight: bold;
height: 35px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span
{
background: transparent url('/Images/CssSlideButton.png') no-repeat;
display: block;
line-height: 25px;
padding: 5px 0 5px 18px;
}
a.button:hover
{
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
text-decoration:none;
}
a.button:hover span
{
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
--------------------------------------------------------------------------
其实这好写, 用一个linkbutton
<asp:LinkButton ID="SubmitLinkButton" CssClass="button" runat="server" OnClick="SubmitLinkButton_Click"><span>Submit</span></asp:LinkButton>
-----------------------------------css
a.button
{
background: transparent url('/Images/CssSlideButtonEnd.png') no-repeat scroll top right;
color: #fff;
display: block;
float: right;
font: normal 14px arial, sans-serif;
font-weight: bold;
height: 35px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span
{
background: transparent url('/Images/CssSlideButton.png') no-repeat;
display: block;
line-height: 25px;
padding: 5px 0 5px 18px;
}
a.button:hover
{
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
text-decoration:none;
}
a.button:hover span
{
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
--------------------------------------------------------------------------
追问
非常感谢您的回答,我不想用CSS部分,全部都在ASP.NET自定义控件里完成,就是封装好!
追答
你把这段代码放到UserControl里可以么
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |