javascript - 文本框中的占位符和光标对齐方式

Question

我有一个包含文本框的 HTML“表单”，这里我们显示一些占位符(默认文本)。

根据 requiremnet 默认文本显示为居中对齐。一旦我们居中对齐，光标也会显示居中本身。是否有任何解决方案来显示光标以开始自身(左对齐)和占位符以居中对齐。

占位符和光标对齐

Answer 1

你可以用jquery覆盖它

<script>
    $(function () {
        $('#inputId').focus(function () {
            $(this).css('text-align', 'left');
        }).blur(function () {
            $(this).css('text-align', 'center');
        });
    });
</script>