php - 为动态复选框添加鼠标悬停效果

Question

我想寻求有关如何实现鼠标悬停到复选框的帮助。我想要实现的是，当有人将光标指向基于主题描述的复选框时，我希望鼠标悬停。

下面是我生成动态复选框的代码，但我不知道如何向其添加鼠标悬停。谢谢。

<?php

$subjects = $stmt->prepare("SELECT * FROM subjects");
$stmt->execute();

$cols = 5;

do
{
    echo "<tr>";
    for ($i = 1; $i <= $cols; $i++)
    {

        $row = $stmt->fetch(PDO::FETCH_ASSOC);

        if ($row)
        {
            $sub_id = $row['sub_id'];
            $sub_name = $row['sub_name'];
            $sub_desc = $row['sub_desc']
?>
        <table>
        <tr><td>

        <?php
        echo '<input type="checkbox" sub_id="sub_id[]" name="sub_id[]" value="' . $id_tag . "\"" .'/>' . $tag_name . "\n";
        ?>

        </td></tr>
        </table>

        <?php

        } else {
            echo "<td>&nbsp;</td>";
        }
    }
} while ($row);
?>

Answer 1

生成 HTML 时，您将添加 CSS 类。然后，在样式表中定义悬停效果。像这样:

 echo '<input type="checkbox" class="HoverOnCheckbox" sub_id="sub_id[]" name="sub_id[]" value="' 

.HoverOnCheckbox{
  color:green;}

.HoverOnCheckbox:hover{
  color:red;}