精简CSS按扭样式

<style>
	button{
			padding:5px 10px;
			margin-right: 12px;
			font-size: 12px;
			background-color: #609ee9;
			color:#fff;
			border:2px solid #609ee9;
			cursor: pointer;
			outline:none;
			border-radius:6px;
		}
		button:hover{
			background-color: #80b6f9;
			border-color: #80b6f9
		}
		button:active{
			background-color: #5188cc;
			border-color: #5188cc
		}
</style>

<button type="button">按钮样式</button>

评论