css CSS不同的状态背景颜色

Posted 2021-05-13

.status {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  padding: 1px 4px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.status-info {
  background-color: #5bc0de;
}
.status-danger,.status-error {
  background-color: #D2322D;
}
.status-warning {
  background-color: #F0AD4E;
}
.status-success, .status-running {
  background-color: #47A447;
}
.status-inverse {
  background-color: #333333;
}
.status-finish {
  background-color: #428BCA;
}