SOURCE

<div>
  <button class="btn btn_primary radius">
    最初按钮
  </button>
  <button class="btn radius">
    默认按钮
  </button>
  <button class="btn btn_ radius">
    草绿按钮
  </button>
  <button class="btn btn_wram radius">
    暖色按钮
  </button>
  <button class="btn btn_danger radius">
    警告按钮
  </button>
  <button class="btn btn_disabled radius">
    禁用按钮
  </button>
</div>

a:hover {
  color: #e6e6e6;
}

.btn {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 18px;
  background-color: #49c8f2;
  font-size: 14px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  border: 0;
  margin: 2px 6px;
  behavior: url(../js/PIE.htc);
}

.btn:hover {
  background-color: #65cdf0;
}

.btn_primary {
  background-color: #ffffff;
  color: #666;
  border: 1px solid #f1f1f1;
}

.btn_primary:hover {
  background-color: #f1f1f1;
}

.btn_ {
  background-color: #00cc44;
}

.btn_:hover {
  background-color: #1ce15e;
}

.btn_wram {
  background-color: #ff9f19;
}

.btn_wram:hover {
  background-color: #feb146;
}

.btn_danger {
  background-color: #ff4c23;
}

.btn_danger:hover {
  background-color: #ff7353;
}

.btn_disabled {
  background-color: #fbfbfb;
  color: #c9c9c9;
  border: 1px solid #e6e6e6;
  cursor: not-allowed;
}

.btn_disabled:hover {
  background-color: #fff;
}

.radius {
  border-radius: 28px;
  behavior: url(../js/PIE.htc)\9;
}