Форум Сайтостроение Веб-строительство

placeholder - не выравнивается по центру в Safari 5.1.1

[Удален]
4433

placeholder - не выравнивается по центру в Safari 5.1.1

А в FF, Opera и Chrome всё нормально.

Рылся в инете, перепробовал варианты, но ничего не получилось.

Не подскажете?

jpg placeholder_align_center.jpg
A-des
На сайте с 26.05.2007
Offline
96
A-des
#1

Конструкции типа 

input:-webkit-input-placeholder  { text-align: center; }

не работают именно на сафари. Хотя уверен, должно быть решение и с CSS.

На крайняк, попробуйте пофиксить средствами jQuery, например так:

$('[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 == 'password') {
      this.originalType = this.type;
      this.type = 'text';
    }
    input.addClass('placeholder');
    input.val(input.attr('placeholder'));
  }
}).blur();

так у меня работает центровка текста плейсхолдера в сафари - подхватывает стили прописанные для input.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий