我正在编写一段代码，该代码显示一个显示不同药物详细信息的表格。我有一个颜色编码系统，红色=危险，黄色=警报，绿色=安全。
但是我对我使用的颜色不满意。有没有办法在下面的代码中插入更亮的颜色？
<?php $row_class = "";
while($row = mysql_fetch_assoc($dbResult1))
{
if($row['total_mai'] <= 2)
$row_class = "success";
else if($row['total_mai'] >= 5)
$row_class = "danger";
else if($row['total_mai'] >= 3 and $row['total_mai'] < 5)
$row_class = "warning";
// echo $row_class;
?>
最佳答案
颜色实际上不在您的代码中。 颜色在 css 的类中定义。在文件头的某个位置，您需要查找对 css 文件的引用:
<link rel="stylesheet" type="text/css" href="mystyle.css">
它也可能位于 <style> 之间的实际 html 页面中。标签。
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
虽然那里会有很多，但您可能正在寻找如下所示的部分:
.success {
color: green;
}
.danger {
color: red;
}
.warning {
color: yellow;
}
还可以定义许多其他属性，但 .word “选择器”告诉浏览器使用您添加的这些类在文本上渲染颜色。要更改颜色，请更改属性。您可能看不到上面的颜色名称。您可以看到十六进制颜色(类似于 #d0e4fe; )。 W3Schools page on CSS是一个很好的起点。他们还有一个不错的color reference对于颜色名称:
CSS 还可以通过其他方式引用这些类，因此您可能需要查看 Selectors 上的教程。 。例如，他们可能会使用 tr.danger { ... }仅引用应用于表行的危险类别。
如果使用 Bootstrap
那么我不是专家，所以我只能提供这么多帮助，但是 Bootstrap 为您预先定义了其中一些样式。您可以创建新类(class)并使用 !important用新颜色覆盖类。 important 可能会让人感到困惑，因为它对以前的 CSS 来说是“没关系”，但如果 bootstrap 单独将背景应用于单元格，那么您在这里需要它。我刚刚在 another answer here 上找到了一些代码关于在 Bootstrap 中执行此操作:
.table tbody tr > td.success {
background-color: #dff0d8 !important;
}
.table tbody tr > td.error {
background-color: #f2dede !important;
}
.table tbody tr > td.warning {
background-color: #fcf8e3 !important;
}
.table tbody tr > td.info {
background-color: #d9edf7 !important;
}
.table-hover tbody tr:hover > td.success {
background-color: #d0e9c6 !important;
}
.table-hover tbody tr:hover > td.error {
background-color: #ebcccc !important;
}
.table-hover tbody tr:hover > td.warning {
background-color: #faf2cc !important;
}
.table-hover tbody tr:hover > td.info {
background-color: #c4e3f3 !important;
}
最好是在您自己的 CSS 文件中。如果您开始修改 Bootstrap css 文件，并且需要将 Bootstrap 升级到新版本，则可能会令人沮丧。 “重要”使您的设置变得更加，嗯......重要。
您还可以使用我上面添加的链接来了解如何创建自己的类，然后添加您自己的类而不是 Bootstraps。
关于php - 如何将颜色插入行和列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31877274/