CSS/PHP：根据从 MySQL 检索的值更改字体颜色

Question

我的代码有问题。目前，我在数据库中有一个名为“Book_status”的列。有待处理，批准和拒绝3个条件。我希望字体根据该条件在 PHP 中更改其颜色。例如，Pending 将字体更改为 Yellow，Approved 为 Green，Reject 为 Red。以下是我当前的 PHP 代码：echo "<tr>";        echo "<td>" . $row['id'] . "</td>";        echo "<td>" . $row['Requested_by'] . "</td>";                                                      echo "<td>" . $row['Fac_ID'] . "</td>";        echo "<td>" . $row['Room_Desc'] . "</td>";        echo "<td>" . $row['Meeting_Description'] . "</td>";            echo "<td>" . $row['Book_Status'] . " </td>";              echo "<td><a type='button' class='btn btn-primary btn sm'href='view.php?id=". $row['id'] ."' title='Edit Booking' data-toggle='tooltip'>View</a></td>";echo "</tr>";

Answer 1

只需将一些 CSS 类命名为与状态值相同的名称，并将其作为样式分配给表格行

<style>

    .pending td{color:yellow;}

    .approved td{color:green}

    .reject td{color:red}

</style>

然后，在 PHP/HTML 中：

    $class=strtolower( $row['Book_Status'] );

    echo "<tr class='$class'>";

    echo "<td>" . $row['id'] . "</td>";

    echo "<td>" . $row['Requested_by'] . "</td>";                                              

    echo "<td>" . $row['Fac_ID'] . "</td>";

    echo "<td>" . $row['Room_Desc'] . "</td>";

    echo "<td>" . $row['Meeting_Description'] . "</td>";    

    echo "<td>" . $row['Book_Status'] . " </td>";      

    echo "<td><a type='button' class='btn btn-primary btn sm'href='view.php?id=". $row['id'] ."' title='Edit Booking' data-toggle='tooltip'>View</a></td>";

    echo "</tr>";

Answer 2

这将工作

<?php

$status=$row['Book_Status'];

if($status=="Approved")

{

    $color="color:green";

}

else if($status=="Pending")

{

    $color="color:yellow";

}

else 

{

    $color="color:red";

}

 echo "<table><tr><td></td><td></td><td></td><td></td><td></td><td style='$color'>".$status ."</td></tr></table>";  

?>

Answer 3

这在某种程度上与此相似

但不是传递数字而是传递状态

function statusColor($status)

{

    if ($status == 'Pending')

        return 'is-pending';

    else if ($status == 'Approved')

        return = 'is-approved';

    else if ($status == 'Rejected')

        return = 'is-rejected';

}

对于 html 是这样的

<tr class="<?=statusColor('Pending');?>">...</tr>

我总是使用类而不是内联 css

.is-pending {

  color: yellow;

}

.is-approved {

  color: green;

}

.is-rejected {

  color: red;

}