Tengo un 'formulario' HTML que contiene cuadros de texto, aquí mostramos algunos marcadores de posición (texto predeterminado).

De acuerdo con el texto predeterminado de requiremnet que se muestra como alineación central. Una vez que centramos el cursor, también se muestra el centro. Hay alguna solución para mostrar el cursor para iniciarse (alineación izquierda) y el marcador de posición para la alineación central.

Marcador de posición y alineación del cursor

1
Rajasekhar 5 sep. 2014 a las 09:11

3 respuestas

La mejor respuesta

Puedes anularlo con jquery

<script>
    $(function () {
        $('#inputId').focus(function () {
            $(this).css('text-align', 'left');
        }).blur(function () {
            $(this).css('text-align', 'center');
        });
    });
</script>
1
bl2b 5 sep. 2014 a las 05:24

Reescribiendo respuesta de bl2b con CSS de vainilla

selector {
    text-align: center;
}

selector:focus {
    text-align: left;
}
0
CodeWalker 13 jun. 2017 a las 07:29

Prueba este tipo.

Aquí está la demostración http://jsfiddle.net/f0xn3wjL/2/

Html

<input type="text" placeholder="Dummy Text" >

Usa este CSS

input{width:300px; text-align:center}
::-webkit-input-placeholder { color:green; }
input:focus{text-align:left; content:''}

Usa este Jquery

$(document).ready(function(){

    $('input').click(function(){
    //alert('hi');
    $(':input').removeAttr('placeholder');
    })


})
1
Dinesh Kanivu 5 sep. 2014 a las 05:34