Question

我不知道要针对什么将输出更改为除黑色以外的其他颜色。我当时在想操作员，但我不确定。在这个问题上找不到任何地方，所以我在这里。我知道您可以使用Javascript来解决此问题，但我不打算这样做。任何帮助将不胜感激，谢谢。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Calculator</title>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</head>
<body>

<div class="container">

    <form method="POST" action="calculator.php">

    <h1>PHP Calculator</h1>

    <input type="text" class="form-control" name="num1" placeholder="Number 1"><br>
    <input type="text" class="form-control" name="num2" placeholder="Number 2"><br>

    <select name="operator">
        <option>None</option>
        <option>Add</option>
        <option>Subtract</option>
        <option>Multiply</option>
        <option>Divide</option>
    </select>
        <br>

<button name="submit" value="submit" type="submit">Calculate</button>




</form>

<p>The answer is:</p>







<?php

    if (isset($_POST['submit'])) {
        $result1 = $_POST['num1'];
        $result2 = $_POST['num2'];
        $operator = $_POST['operator'];




        switch ($operator) {
            case "None":
            echo "You need to select a method!";
            break;

            case "Add":
            echo $result1 + $result2;
            break;

            case "Subtract":
            echo $result1 - $result2;
            break;

            case "Multiply":
            echo $result1 * $result2;
            break;

            case "Divide":
            echo $result1 / $result2;
            break;

        }

    }


?>


</body>
</html>

Answer 1

将php放在一些html标记（例如或）周围，然后为其提供css属性，例如：

<a style="color:red;"> <?php // php calculator here ?> </a>

Answer 2

在echo语句中，可以将文本包装在HTML标记中，然后使用CSS。

PHP：

$result = $result1 + $result2;
echo "<span class='output'>" . $result . "</span>";

CSS：

<style> .output{ color:blue; } </style>

Answer 3

如果您希望所有输出使用一种相同的颜色，则只需使用内联CSS。看看this tutorial-它有一个如何使文本变成蓝色的示例。

<p>The answer is:</p>

<p style="color: blue;">

  <?php

    if (isset($_POST['submit'])) {
      $result1 = $_POST['num1'];
      $result2 = $_POST['num2'];
      $operator = $_POST['operator'];

      switch ($operator) {
        case "None":
        echo "You need to select a method!";
        break;

        case "Add":
        echo $result1 + $result2;
        break;

        case "Subtract":
        echo $result1 - $result2;
        break;

        case "Multiply":
        echo $result1 * $result2;
        break;

        case "Divide":
        echo $result1 / $result2;
        break;

      }

    }

  ?>

</p>

关键是将答案包装在HTML标签（例如<p>或<span>或<div>）中，并添加style="color: red;"。

如何在PHP计算器中更改输出的颜色？

3 个答案: