关于网页按钮样式
时间:2011-09-28
来源:互联网
按钮基本样式如下图:
(两边带圆角)
按钮代码如下:
<input type="submit" value="这里是按钮名称" class="btn" />
问题是:
如何通过定义类btn的样式,让网页中所有按钮都能够按照如图的样式显示(按钮名称可长可短)?
我的测试总结:
通过样式定义几乎没有办法做到每个浏览器都能统一显示,除非写一堆hack,最好的办法当然是对每个按钮制作图片,把按钮名写在图片上,这样所有浏览器都是一样的.
仅通过css去处理,浏览器总是会有不一样的地方,而且再算上中文英文,就更难处理了,当然做到浏览器完全一样有点苛刻,如能有办法,当然最好,在这里,希望有经验的朋友分享一下你们的处理方法.
(两边带圆角)
按钮代码如下:
<input type="submit" value="这里是按钮名称" class="btn" />
问题是:
如何通过定义类btn的样式,让网页中所有按钮都能够按照如图的样式显示(按钮名称可长可短)?
我的测试总结:
通过样式定义几乎没有办法做到每个浏览器都能统一显示,除非写一堆hack,最好的办法当然是对每个按钮制作图片,把按钮名写在图片上,这样所有浏览器都是一样的.
仅通过css去处理,浏览器总是会有不一样的地方,而且再算上中文英文,就更难处理了,当然做到浏览器完全一样有点苛刻,如能有办法,当然最好,在这里,希望有经验的朋友分享一下你们的处理方法.
作者: kk0104 发布时间: 2011-09-28
使用js在按钮两侧插入带有圆角的样式元素即可。
作者: hero777 发布时间: 2011-09-28
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28