更改 Yii2 中驗證錯誤消息的字體顏色？

Question

我們如何更改 Yii2 中驗證錯誤消息的字體顏色？

這是我按下創建按鈕后價格為空的表單，因此它觸發了驗證消息“不能為空”。 但我希望用戶可以輕松識別消息。 目前驗證工作完美，但用戶將努力查看他們在哪里犯了錯誤，特別是在大型表單上。 如您所見，沒有引導顏色，例如。 與消息關聯的“警告”。 該消息並不突出。

我最好在 css 或 Assetmanager 中尋找可以調整的全局設置，這樣我就不必在每個模型的屬性的規則部分調整每個必需的“消息”。

我在跑步：

Wampserver php 7.4.4 上的 yii2 2.0.35

這是我的 model 下的代碼：

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

這是我的作曲家。json

請問有人可以幫忙嗎？ 我希望所有錯誤消息都最好是紅色的。

謝謝比茲利的回復。 好的，這是我的 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 下的供應商 BootstrapAsset

<?php

namespace yii\bootstrap4;

use yii\web\AssetBundle;

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

如果我將 AppAsset 更改為：

'yii\bootstrap\BootstrapAsset'

...我在這里得到了積極的結果：

通過您推薦的插入，我將其放入 vendor/bower-asset/bootstrap.css 這是舊版本的引導程序，並且在我重新啟動瀏覽器后它可以工作。

bootstrap4 在 vendor/npm-asset 的 bootstrap.css 下工作的等效命令是什么？

Answer 1

最簡單的方法是驗證其 CSS 並進行調整。 右鍵單擊錯誤消息，然后從菜單中選擇Inspect Element （或Inspect或類似的東西，具體取決於瀏覽器）。 您應該會看到 DOM 樹，其中包含類似

<p class="help-block help-block-error ">Error message</p>

這可能因您的代碼而異，但在 Yii 2 中，默認情況下這是插入驗證錯誤的方式。 現在只需在樣式表中設置help-block-error class 的樣式，例如

.help-block-error {
    color: red;
}

Answer 2

最快的方法，在你的 css 文件中寫這個樣式，比如“style.min.css”：

.help-block {
    color: red;
}

紅色或任何你想要的顏色。