LinkButton样式设置的技巧 linkbutton 样式

LinkButton控件最终解释为a标签。我们可以通过各种方法来对其添加样式,主要的方法是为LinkButton控件设置一个背景图片(background-image)。但这种方法有一个缺点,就是同样的样式,如果按钮的字数不同,就需要很多张背景图片。例如:

上述情况就需要四张不同的背景图片。但在实际的应用中, 会需要相当多的背景图片,特别是做OA,CRM等系统应用的时候,需要的背景图片就更多了!于是,为了减轻工作量,提高工作效率,我们可以采用这种方式来实现:在LinkButton控件外再套上一个span标签,并给这个span标签添加一个css类,用以绑定样式!

<span><asp:LinkButtonID="LnkBtnConfirm" runat="server"Text="确定"></asp:LinkButton></span>

在浏览器中得到的html就是:<span><a>确定</a></span>(已经去掉了与样式无关的代码)。然后在相应的css文件中写如一下代码:
.wrapBtn {
display: -moz-inline-box;
display: inline-block;
background: transparent url(1.gif) 0 0 no-repeat; //1.gif为背景图片的路径
height: 42px; //背景图片的高度
padding: 0 0 0 20px;
}
.wrapBtn a {
display: -moz-inline-box;
display: inline-block;
LinkButton样式设置的技巧 linkbutton 样式
height: 42px;
background: transparent url(1.gif) right 0 no-repeat;
padding: 12px 20px 0 0;
text-decoration: none;
color: #FFFFFF;
font-weight: bolder;
}
.wrapBtn a:hover {
text-decoration: underline;
color: #FF9900;
}

其中,display: -moz-inline-box; 是兼容firefox的css hack,它的位置不能与display:inline-block;颠倒!你也可以采用ie条件注释(ConditionalComments)的方法,将这段代码分离开,以增强代码的可维护性和可读性。1.gif为背景图片,可以把它做得很宽,以适应以后的需求变化。这种方法只需要一张背景图片就可以满足同一样式所有按钮的要求!

这样做还有一个好处就是当你要对系统进行换肤的时候,可以极大的较少工作量

这种方法也有不足的地方:首先就是需要多添加一个span标签,对于程序员来说,是额外的负担,毕竟在VS2005里面,没有现成的span标签控件;虽然可以添加一个label控件,但还是需要切换到代码试图中进行调整,不太方便。本人建议直接在代码试图中添加span标签。其次就是按钮的左侧会有一些盲区(鼠标移动到这些部分,按钮没有被选中),这是因为span标签设置了padding:00 0 20px;的原因。
本文来自CSDN博客,出处:http://blog.csdn.net/moscodekidy/archive/2008/02/16/2099961.aspx

  

爱华网本文地址 » http://www.413yy.cn/a/25101014/232638.html

更多阅读

如何选择合适的鞋子?选鞋的技巧 鞋子销售技巧和话术

如何选择合适的鞋子?选鞋的技巧——简介如何选择千里之行始于足下,这与鞋的帮助是分不开的。但是,美国疾病预防控制中心近日一项数据显示,成年人的脚病与多种因素有关,其中64%源于穿鞋不当。如此惊人的数字告诉我们,本应充当双脚“保护神

参加亲友婚礼服装穿着的技巧 农村参加婚礼穿着

参加亲友婚礼服装穿着的技巧——简介你身边的好朋友、好闺蜜马上要结婚了,参加他们的婚礼是必须的。参加婚礼对服装的穿着很多人并不太了解。怎样发配才能即不失隆重大方,又显得你稳重时尚,还不能太抢风头。今天小编就针对这个话题为大

空调扇哪个牌子好,选购空调扇的技巧 空调扇选购

空调扇哪个牌子好,选购空调扇的技巧——简介空调扇是一种结合了空调和电风扇优点的家用电器。有关空调扇哪个牌子好,大部分网友在选择空调扇的时候,都会提问“空调扇哪个牌子好”等等相似的问题。空调扇的种类比几年前多了许多,价钱也各

追女孩的技巧 追女孩时的9大忌讳

追女孩的技巧——简介追女孩子的技巧其实有很多,但准确来说,“追女孩子的技巧”本来就是一个并不准确的概念。从进化心理学的角度来看,女人只有在被吸引了的情况下,才会和男人展开一段关系。追女孩子的准确意思是男性借助一切平台和事件

女士服装搭配的技巧 男士搭配衣服网

女士服装搭配的技巧——简介女人穿衣仅仅是用几套衣服配搭出多种穿衣方法吗?仅仅是1+1=2的简单加和吗?NO!女人要真正达到穿衣的精髓,真正穿出美丽,引来赞赏与回头率,就需要好好地探求一下穿衣的道理,不过,这里已经为大家准备了20个久经考验

声明:《LinkButton样式设置的技巧 linkbutton 样式》为网友道不同不相为谋分享!如侵犯到您的合法权益请联系我们删除