html - 如何从日期输入字段中删除不需要的标记？

This question already has answers here:

Remove background arrow from date input in Google Chrome v20
                                
                                    （5个答案）
                                
                        
                                在8个月前关闭。
            
                    


我需要从输入中删除x标记，我使用boostrap 4

这是代码

 <div class="form-group">
                    <center>Ingresa tu fecha de nacimiento</center>
                    <br>
                    <input type="date" class="form-control" name="bday" placeholder="Ingresa tu fecha de nacimiento" value="{{bday}}" style="text-align: center">
                </div>

我希望删除x和箭头

最佳答案

您可以在此处使用伪类
在CSS中放入此代码

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

那么对于输入标签，您需要像这样添加required

 <input type='date' required>