InfoPath研究与应用技巧(2)-超链接视觉效果
2009-09-23 19:57
253 查看
InfoPath支持插入超链接,但是呈现出来的效果却是千篇一律的带下划线的蓝色字体。稍微注意到你就会厌倦它,有没有方法来设置超链接的属性,使得它更好地显示呢?答案就是通过修改xsl文件来设置超链接的属性。xsl文件是InfoPath一个很重要的组成部分,很多的呈现样式都可以通过修改xsl文件来实现,当然前提是你必须要知道修改哪里。下面为你详细讲述:
第一步,创建一个空白表单,插入一个超链接,输入地址www.fanxian123.cn,输入文本返现网并确认,再插入一个超链接以备后面使用。
第二步,选择预览,看看InfoPath默认的超链接效果是怎样的,鼠标悬停在链接上,按下链接,看看都有什么效果。
最后一步,前面我们已经看到了,不管是鼠标悬停还是键盘选择到该链接,InfoPath所显示的没有任何不同。现在我们就要通过修改xsl文件来改变这种情况。首先存储表单并关闭InfoPath;其次,以压缩包形式打开表单并解压缩;再来,以记事本形式打开xsl样式表,找到最后一个style,你要做的就是在style下面添加以下代码
<style title="myCustomHyperlinks" type="text/css">
A { COLOR: orange; TEXT-DECORATION: none }
A:visited { COLOR: green; }
A:active { COLOR: red; TEXT-DECORATION: underline }
A:hover { COLOR: blue; TEXT-DECORATION: underline }
</style>
保存文件,右键点击manifest文件选择设计,预览它,看一下效果,你也可以改变为你喜欢的颜色。
本文由返现网www.fanxian123.cn运营团队原创,返现网与100多家网上商城合作,提供最高50%的现金返利,是你网购省钱必备网站,相关功能逐步完善中。如有转载,注明出处。
第一步,创建一个空白表单,插入一个超链接,输入地址www.fanxian123.cn,输入文本返现网并确认,再插入一个超链接以备后面使用。
第二步,选择预览,看看InfoPath默认的超链接效果是怎样的,鼠标悬停在链接上,按下链接,看看都有什么效果。
最后一步,前面我们已经看到了,不管是鼠标悬停还是键盘选择到该链接,InfoPath所显示的没有任何不同。现在我们就要通过修改xsl文件来改变这种情况。首先存储表单并关闭InfoPath;其次,以压缩包形式打开表单并解压缩;再来,以记事本形式打开xsl样式表,找到最后一个style,你要做的就是在style下面添加以下代码
<style title="myCustomHyperlinks" type="text/css">
A { COLOR: orange; TEXT-DECORATION: none }
A:visited { COLOR: green; }
A:active { COLOR: red; TEXT-DECORATION: underline }
A:hover { COLOR: blue; TEXT-DECORATION: underline }
</style>
保存文件,右键点击manifest文件选择设计,预览它,看一下效果,你也可以改变为你喜欢的颜色。
本文由返现网www.fanxian123.cn运营团队原创,返现网与100多家网上商城合作,提供最高50%的现金返利,是你网购省钱必备网站,相关功能逐步完善中。如有转载,注明出处。
相关文章推荐
- 提升Android应用视觉效果的10个UI技巧【转】
- InfoPath研究与应用技巧(1)-图片按钮
- 2012-8-1 提升Android应用视觉效果的10个UI设计技巧
- 提升Android应用视觉效果的10个UI技巧【转】
- Android应用视觉效果设计技巧
- Android应用视觉效果设计技巧
- 提升Android应用视觉效果的10个UI技巧
- Android应用视觉效果设计技巧(转载http://www.cnblogs.com/hanyonglu/archive/2012/03/02/2376451.html)
- 提升Android应用视觉效果的10个UI技巧【转】
- InfoPath研究与应用技巧(3)-通过任务窗格切换视图
- 提升Android应用视觉效果的10个UI技巧
- 提升Android应用视觉效果的10个UI技巧【转】
- 提升Android应用视觉效果的10个UI设计技巧
- Android应用视觉效果设计技巧
- 提升Android应用视觉效果的10个UI技巧
- 提升Android应用视觉效果的10个UI技巧【转】
- 提升Android应用视觉效果的10个UI技巧【转】
- 提升Android应用视觉效果的10个UI设计技巧
- 增强Android应用视觉效果的10个UI设计技巧
- 提升Android应用视觉效果的10个UI设计技巧