Php 是否更改Yii2中验证错误消息的字体颜色？

如何更改Yii2中验证错误消息的字体颜色

这是我按下创建按钮后价格为空的表单，因此它触发了验证消息“不能为空”。但是我希望用户能够很容易地识别信息。目前验证工作非常完美，但用户将努力查看他们在哪里犯了错误，尤其是在大型表单上。正如您所看到的，没有引导颜色，例如与消息相关的“警告”。这个信息并不突出

我最好在css或Assetmanager中寻找一个全局设置，我可以进行调整，这样就不必为每个模型的属性调整规则部分下的每个必需“消息”

我正在跑步：

wampserver上的Yi2 2.0.35 php 7.4.4

这是我的模型下的代码：

public function rules()
{
    return [
        [['listprice'], 'required'],

有人能帮忙吗？我希望所有的错误信息最好是红色的

谢谢Bizley的回复。好的，这是我的DOM

Dom在此处引用reboot.scss和root.scss：

这是我的AppAsset：

class AppAsset extends AssetBundle
{

    public $sourcePath = '@app/assets/app';
    public $baseUrl = '@app';

    public $css = [
        '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font- 
        awesome.min.css',        
    ];

    public $js = [ 'js/scripts2.js',
                   'js/scripts_slider.js',
                   'js/scripts_gocardless.js'
    ];

    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap4\BootstrapAsset',
        'yii\web\JqueryAsset',
    ];
} 

这是\vendor\yiisoft\yii2-bootstrap4\src下的vendor BootstrapAsset

<?php

namespace yii\bootstrap4;

use yii\web\AssetBundle;

class BootstrapAsset extends AssetBundle
{
    public $sourcePath = '@npm/bootstrap/dist';
    public $css = [
        'css/bootstrap.css',
    ];
}

…我在这里得到了一个积极的结果：

随着您建议的插入，我将其放入vendor/bower-asset/bootstrap.css中，这是bootstrap的旧版本，在我重新启动浏览器后它就可以工作了

---

bootstrap4在供应商/npm资产的bootstrap.css下工作的等效命令是什么？

最简单的方法是验证其css并进行调整。右键单击错误消息并从菜单中选择

Inspect Element

（或

Inspect

或类似内容，具体取决于浏览器）。您应该看到DOM树，其中包含

错误消息

这可能因代码而异，但在Yii 2中，默认情况下，这是插入验证错误的方式。现在只需在样式表中设置

help block error

类的样式，如下所示

。帮助阻止错误{
颜色：红色；
}

最简单的方法是验证其CSS并进行调整。右键单击错误消息并从菜单中选择

Inspect Element

（或

Inspect

或类似内容，具体取决于浏览器）。您应该看到DOM树，其中包含

错误消息

这可能因代码而异，但在Yii 2中，默认情况下，这是插入验证错误的方式。现在只需在样式表中设置

help block error

类的样式，如下所示

。帮助阻止错误{
颜色：红色；
}

您不应修改

供应商

文件夹中的任何内容，因为当您更新composer dependencies时，所有更改都将丢失。您应该将自定义CSS放入将随应用程序加载的样式表文件中-在/frontend/assets中创建您自己的资产并通过它加载CSS。读好。我在前端/assets/app/css/site.css中插入了.has error.help block{color:red；}，并将路径'css/site.css'包含在AppAsset的$public变量数组中，工作正常。阅读后，我插入了.has danger.help block{color:red；}到前端/assets/app/css/site.css，将路径“css/site.css”包含到我的AppAsset的$public变量数组中，并将$depends变量从“yii\bootstrap\bootstrappasset”更改为“yii\bootstrap4\bootstrappasset”，现在我也收到bootstrap4的红色错误消息。您不应该修改

供应商

文件夹中的任何内容，因为在更新时编写器依赖项所有更改都将丢失。您应该将自定义CSS放入将随应用程序加载的样式表文件中-在/frontend/assets中创建您自己的资产并通过它加载CSS。读好。我在前端/assets/app/css/site.css中插入了.has error.help block{color:red；}，并将路径'css/site.css'包含在AppAsset的$public变量数组中，工作正常。阅读后，我插入了.has danger.help block{color:red；}到前端/assets/app/css/site.css，将路径“css/site.css”包含到我的AppAsset的$public变量数组中，并将$depends变量从“yii\bootstrap\bootstrappasset”更改为“yii\bootstrap4\bootstrappasset”，现在我还收到bootstrap4的红色错误消息。

'yii\bootstrap\BootstrapAsset'