Unable to style required date field (Cake 4)

Need Help
1

I have the following CSS code in my default template that styles required form fields:

:required {
            border-color: red;
            border-width: 3px;
            }
:required:focus {
            border-color: red;
            border-width: 3px;
            }

This works on all of my required fields, except any that capture a date.

echo $this->Form->control('need_date', ['type' => 'date', 'label' => 'Requested Need Date', 'empty' => true]);

Validator from model:

$validator
     ->date('need_date')
     ->notEmptyDate('need_date');

Why is this? I’m assuming there’s some CSS elsewhere that I need to customize?

2

Can you check the element properties in Browser debugger (F12)? You may see your borders properties superseded by another css rule in the hierarchy - which you’ll have locate where it came from (could even be an !important from bootstrap or anything up the chain too).

3

And also check if input is rendered as ‘required’