Hello,

I'm having some issues with a time input.

In some browsers/computers, the time input is be shown like the following, where the AM/PM is not visible.

In my situation, for example, in Firefox, the input has the PM:

I know this is due to configurations in the browser/computer but how can we overcome this? Because I have a 24h format in my time and it looks really weird being: 14:00 PM.

I already tried to this:

input[type=time]::-webkit-datetime-edit-ampm-field{

  color: transparent;} 

or even this:

input[type=time]::datetime-edit-field{

    display: none !important;

}

input[type=time]::datetime-edit-field.numeric{

    display: inline !important;

}

I noticed that in firefox, the PM is on a span.datetime-edit-field but I already tried to change this class but nothing works

Thank you in advance