Question

实际上，我正在使用编程应用程序。现在，我想添加一个默认的主题颜色。该默认主题颜色是使用php从常规设置页面添加的。并且我添加了一个新的CSS，例如default-theme.css。但是如何获得此颜色代码并在default-theme.css中使用此颜色代码？

HTML代码：（来自常规设置页面）

<div class="form-group">
        <label for="default_theme_color" class="col-md-2">
           <?php echo lang('default_theme_color'); ?>
       </label>
       <div class="col-md-10">
           <?php $this->load->view("settings/default_color_plate"); ?>
       </div>
</div>

注意：

我正在使用一种颜色板（default_color_plate）包含一些颜色：

("#00BCD4", "#17a589", "#2471a3", "#2e4053", "#2e86c1", "#404040", "#555a61", "#557bbb", "#839192", "#83c340", "#884ea0", "#a6acaf", "#a93226", "#d68910").

保存了色板中的默认颜色代码。并从数据库中获取此颜色代码。但是，如何使用CSS来使用此颜色代码？

Answer 1

检查此链接以了解如何在CSS中使用php：CSS Variables with PHP。

如果要使用常规设置页面文件中的变量，则可以在style.php中要求该文件。但是最好的解决方案是在单独的文件中创建类以容纳该颜色变量，并在常规设置页面文件和style.php中都要求包含该类的文件，除非您的颜色已经存储在某个类中。如果我正确理解，您会将想要使用的颜色保留在数据库的default-theme.css中吗？然后，您可以将defalut-theme.css更改为default-theme.php，并对该数据库进行查询以检索所需的颜色。

这个问题还可以帮助您：

Answer 2

您只需在页面标题中使用css变量即可在样式上方定义css变量，它们都会看到您的变量，您可以在任何样式表中使用它们：

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <style>
        :root {
            --color-white: <?= $whiteColor ?>;
            --color-black: <?= $blackColor ?>;
        }
    </style>
    <!-- your styles -->

现在，在任何样式表中，您都可以使用以下两个变量：

.text-white {
    color: var(--color-white);
}

.text-black {
    color: var(--color-black);
}

如何从PHP的CSS样式添加颜色？

HTML代码：（来自常规设置页面）

注意：

2 个答案: