基本让input 按钮 和 a标签按钮在不同浏览器统一样式
2012-02-22 16:07
567 查看
.ibutton { padding: 3px 15px; *padding: 0 15px; *height: 24px; font-size: 12px; text-align: center; text-shadow: #CF510B 0 1px 0; border:1px solid #ec5c0d; border-radius: 2px; background: #FC750A; background-image: -webkit-linear-gradient(top, #fc8746, #ec5d0e); color:#FFF; cursor: pointer; display: inline-block; } .abutton { padding: 3px 15px; font-size: 12px; text-align: center; text-shadow: #80AD10 0 1px 0; border:1px solid #80AD10; border-radius: 2px; background: #A5D62D; background-image: -webkit-linear-gradient(top, #A5D62D, #9AC827); color:#FFF; cursor: auto; display: inline-block; }
<input type="button" class="ibutton" style="float:left" value="按钮"/> <a href="" style="float:left" class="abutton">按钮</a>
相关文章推荐
- input、select、textarea兼容不同浏览器样式统一
- CSS按钮样式之button标签与input type=button的区别详解
- BootStrap按钮标签及基本样式
- CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
- [CSS] 去掉a标签超链接的虚线框,禁止浏览器默认input样式
- 不同浏览器input file样式不一样
- CSS按钮样式之button标签与input type=button的区别详解
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- input标签file类型,去除不同浏览器“未选择文件”字样办法
- css的position在不同手机系统的兼容问题(点击input标签弹出输入框影响样式)
- CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
- 去除input标签/button按钮原本样式 并利用js赋值,select 中Option的增加与删除
- Android移动端input标签type=submit时,点击时会光标会进入按钮。。。
- input浏览器默认填充样式
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- 浏览器兼容--input标签
- input text 文本框的样式 字体样式设置 按钮的样式
- 移除除input type="number"在不同浏览器下的箭头
- HTML5基本标签、样式
- 设置样式时怎么区分input是按钮还是文本框