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

Question

我有

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

好像是：

如何将占位符居中到输入的中心？

Answer 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; 
}

希望这能解决您的问题

Answer 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>

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

How to center a datepicker placeholder?

html

javascript

format

datepicker

如何将占位符居中到输入的中心？