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
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
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
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
5 sep. 2014 a las 05:34