Заполнитель всегда выравнивается влево на сафари

Текст-заполнитель выравнивается слева в браузере Safari. Он работает хорошо во всех других браузерах.Заполнитель всегда выравнивается влево на сафари

HTML:

<input type="text" class="form-input" placeholder="Email Address" />

CSS:

.form-input { 
    width: 235px; 
    height: 15px;  
    border: solid 5px #fff; 
    text-align: center; 
    padding: 10px 0px 10px 0px; 
    font-family: 'Helvetica-Bold'; 
}

Пожалуйста, смотрите демо в fiddle

Я хочу, чтобы выровнять placeholder в центре input коробки. Как это сделать?

источник

2014-02-06 user2681579

Аналогичный вопрос: http://stackoverflow.com/q/7381446/2126792 – pschueller

См. Этот ответ: http://stackoverflow.com/a/14986215/2126792 (также из другого дублирующего вопроса). – pschueller

Что касается ответов и комментариев в других вопросах, которые, как представляется, являются исключительной проблемой в Saf 5/5.1 на Windows 7, без реального решения, помимо браузеров браузеров, зависящих от версии. –

Попробуйте это работает

КОД:

input { 
    text-align:center; 
} 

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

:-moz-placeholder { /* Firefox 18- */ 
    text-align:center; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    text-align:center; 
} 

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

будет работать в сафари 6, как заполнитель выравнивания текста свойство не работает в сафари 5.1 или более поздней версии

см поддержки таблицу здесь http://blog.ajcw.com/2011/02/styling-the-html5-placeholder/

источник

2014-02-06 04:42:25

Ввод {text-align: center;} не работает в safari.It выравнивает местозаполнитель слева. – user2681579

какая версия сафари, на которой os ?? –

Я использую сафари 5.1.7 в Windows 7 OS – user2681579

Более компактный альтернативный и кросс-браузерный способ сделать это (в том числе много старых браузеров) - использовать: text-indent: Xpx;.

Затем вы устанавливаете text-indent на 0, на input:focus для фактического текста.

источник

2014-10-21 01:58:34 hexalys

Также эти две ссылки полезны, с точки зрения которых браузер поддерживает то, что: [Ввод текста ввода-кода HTML5 ведет себя в Safari] (http://blog.omgmog.net/post/making-html5-input-placeholder-text-behave- in-safari /) и [Styling the HTML5 placeholder] (http://blog.ajcw.com/2011/02/styling-the-html5-placeholder/) – hexalys

Заполнитель всегда выравнивается влево на сафари

ответ

Смежные вопросы