html - How to color input border bottom using CSS

Question

I need to color a input border bottom when the input is not focus. This is my html code:

<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />

This is my css code:

.numero {
    border-bottom-color: red;
}

But it doesn't work. Anyone can help?

Answer 1

The border is red in your example:

.numero {
  border-bottom: 1px solid #F00;
}

<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />