jquery - safari 5.1.7 无法对齐输入占位符文本中心

Question

这是我的代码:

html:

<input type="text" name="Surname" placeholder="Surname" id="surname">

CSS

::i-block-chroms, input[placeholder]::-webkit-input-placeholder { 
      text-align:center;
}
::-webkit-input-placeholder { 
      text-align:center;
}
input::-webkit-input-placeholder { 
      text-align:center;
}

你怎么看我用不同的方式写了对齐占位符文本中心，我也给了 text-align:center;输入正确，但是没有成功，不知道怎么办

Answer 1

也许是这样？

jQuery(function () {

    $('[placeholder]').focus(function () {
        var input = $(this);
        if (input.val() == input.attr('placeholder')) {
            if (this.originalType) {
                this.type = this.originalType;
                delete this.originalType;
            }
            input.val('');
            input.removeClass('placeholder');
        }
    }).blur(function () {
        var input = $(this);
        if (input.val() == '') {
            if (this.type == 'text') {
                this.originalType = this.type;
                this.type = 'text';
            }
            input.addClass('placeholder');
            input.val(input.attr('placeholder'));
        }
    }).blur();
    
});

*{
    padding: 0;
    margin: 0;
}
body{
    margin: 30px;
}
input {
	box-sizing: border-box;
	width: 100%;
	padding: 1em;	
	text-align: center;
}

::i-block-chroms, 
input[placeholder]::-webkit-input-placeholder { 
      text-align:center;
}
::-webkit-input-placeholder { 
      text-align:center;
}
input::-webkit-input-placeholder { 
      text-align:center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" name="Surname" placeholder="Surname" id="surname">