Skip to main content
cuerpo editado
Origen Enlace
JorgeGuz
  • 2.4k
  • 2
  • 14
  • 27

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los imputinput text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

input[type=password]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=password]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=password]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=password]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los imput text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

input[type=password]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=password]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=password]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=password]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los input text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

input[type=password]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=password]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=password]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=password]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 
adecuación a las necesidaded e la pregunta
Origen Enlace
JorgeGuz
  • 2.4k
  • 2
  • 14
  • 27

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los imput text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
}  

input[type=password]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=password]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=password]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=password]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los imput text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los imput text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
}  

input[type=password]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=password]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=password]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=password]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
} 
Origen Enlace
JorgeGuz
  • 2.4k
  • 2
  • 14
  • 27

La respuesta que te da el compañero en es perfectamente válida en su primera opción, necesitas darle las mismas características a través del css para que puedan comportarse del mismo modo a los imput text e input password que al input submit. Pero supongo que al probar esta opción te has dado cuanta de que el placeholder se te coloca pegado a la izquierda y no quieres este efecto es por este motivo que que debes añair en tu css lo siguiente:

input[type=text] {
    padding: 10px 0;
}

input[type=password]{
    padding: 10px 0;
}

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    padding-left:15px;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:15px;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:15px;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
   padding-left:15px
}