CSS CSS格式链接,按钮和提交是相同的样式(跨浏览器)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS CSS格式链接,按钮和提交是相同的样式(跨浏览器)相关的知识,希望对你有一定的参考价值。
button, input[type="submit"], input[type="button"], .button, .button:visited {
background: #ED9C30 url(images/overlay.png) repeat-x 0 0;
display: inline-block;
color: #fff!important;
text-decoration: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
position: relative;
cursor: pointer;
behavior: url(../js/plugins/PIE.htc);
margin:0px;
vertical-align:top;
font-weight:bold!important;
padding:0px 4px!important;
height:2em;
line-height:2em!important;
border:0px;
font-size:13px!important;
}
button:focus, input[type="submit"]:focus, input[type="button"]:focus, .button:focus {outline:none; }
/* remove moz padding and outline on buttons in FF */
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, .button::-moz-focus-inner {border:none; padding:0px;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {background:#DF830D url(images/overlay.png) repeat-x 0 0;}
以上是关于CSS CSS格式链接,按钮和提交是相同的样式(跨浏览器)的主要内容,如果未能解决你的问题,请参考以下文章
如何用CSS修改提交按钮样式
在 iPad/iPhone 上的 CSS 提交按钮奇怪的渲染
在 iOS 设备中单击按钮后 CSS 悬停样式仍然存在
链接 css 文件会破坏 html 表格格式
一个按钮切换两个css样式
MailChimp 提交按钮 CSS