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