CSS设置提示信息颜色方法详解

• .error：用红色表示错误信息
• .success：用绿色表示操作成功
• .warning：用橙色或黄色表示警告
• .info：用蓝色表示一般提示

.info {
  color: #0056b3;
  background-color: #d4edff;
  border: 1px solid #a0d4f0;
  padding: 8px 12px;
  border-radius: 4px;
}

.success {
  color: #28a745;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  padding: 8px 12px;
  border-radius: 4px;
}

.warning {
  color: #ffc107;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  padding: 8px 12px;
  border-radius: 4px;
}

.error {
  color: #dc3545;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  padding: 8px 12px;
  border-radius: 4px;
}