如何使日期选择器占位符居中？

【问题标题】：How to center a datepicker placeholder?如何使日期选择器占位符居中？
【发布时间】：2021-08-27 13:00:16
【问题描述】：

我有

<input required type="text" placeholder="yyyy/mm/dd" id="fecha_form" name="fecha_form">

看起来像：

如何将占位符置于输入的中心？

【问题讨论】：

使用style="text-align: center;"

标签： javascript html datepicker format

【解决方案1】：

我们可以通过这几行 css 来做到这一点

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* For Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* For Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

希望这能解决您的问题

【讨论】：

【解决方案2】：

将此标签放在 head 标签内，它将解决您在大多数流行浏览器中的问题

<style type="text/css">

    #fecha_form::-webkit-input-placeholder {
       text-align: center;
    }

    #fecha_form:-moz-placeholder { 
       text-align: center;  
    }

    #fecha_form::-moz-placeholder { 
       text-align: center;  
    }

    #fecha_form:-ms-input-placeholder {  
       text-align: center; 
    }
    
</style>

【讨论】：