+ -
当前位置:首页 → 问答吧 → 关于网页按钮样式

关于网页按钮样式

时间:2011-09-28

来源:互联网

按钮基本样式如下图:
btn.jpg (26.84 KB)
2011-9-28 11:17
(两边带圆角)
按钮代码如下:
<input type="submit" value="这里是按钮名称" class="btn"  />
问题是:
如何通过定义类btn的样式,让网页中所有按钮都能够按照如图的样式显示(按钮名称可长可短)?
我的测试总结:
通过样式定义几乎没有办法做到每个浏览器都能统一显示,除非写一堆hack,最好的办法当然是对每个按钮制作图片,把按钮名写在图片上,这样所有浏览器都是一样的.
仅通过css去处理,浏览器总是会有不一样的地方,而且再算上中文英文,就更难处理了,当然做到浏览器完全一样有点苛刻,如能有办法,当然最好,在这里,希望有经验的朋友分享一下你们的处理方法.

作者: kk0104   发布时间: 2011-09-28

使用js在按钮两侧插入带有圆角的样式元素即可。

作者: hero777   发布时间: 2011-09-28

相关阅读 更多