Tekst zastępczy nie jest wyśrodkowany w pionie w Safari

Question

Czy masz pojęcie, w jaki sposób uzyskać atrybut zastępczy w centrum w centrum w Safari? Chociaż po rozpoczęciu pisania tekst jest idealnie wyśrodkowany.

Answer 1

działa dobrze dla mnie:

<input type="text" name="first_name" placeholder="Search" style="height: 50px;"> 

Spróbuj zmienić to:

#register-block-fields input { 
width: 230px; 
height: 41px; 
padding-left: 40px; 
padding-right: 20px; 
height: 41px; // Changed from line-height 
color: #878787; 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
background: none; 
} 

Answer 2

Najprostszym sposobem jest użycie obu właściwości CSS: line-height i height. Wystarczy wprowadzić tekst o wartości line-height o tej samej wartości, co jego height.

Nawiasem mówiąc, Twój żywo witryna wygląda w porządku dla mnie w Chrome 16.

Answer 3

Również ten błąd. Ustawienie wysokości linii w ems naprawiło to dla mnie. Wygląda to tak samo w Chrome, Safari (na komputerach stacjonarnych i iOS) i Firefox. i dodałem trik \ 9, aby uzyskać pionowe centrowanie w IE. oto mój css

height: 36px;  
line-height: 1.2em; 
line-height: 26px\9; /*for IE */ 

Answer 4

Dla mnie najlepszym rozwiązaniem jest użycie line-height: normal i siekać na IE 8.

<input type="text" name="test_name" placeholder="Search"> 


input { 
    height: 35px; 
    line-height: normal; 
    line-height: 32px\0/; /* for IE 8 */ 
} 

Answer 5

-Safari Roztwór podstawowy

utknąłem w tej sprawie przez długi czas, pomimo korzystania

input::-webkit-input-placeholder { line-height:normal!important; }

okazuje się, że HAV Jeśli chodzi o wysokość linii w bezpośrednim elemencie input, to zrywałem moją linię input::webkit-input-placeholder.

Rozwiązanie rozszerzony:

usunąłem line-height w moim stylu wejściowego i to naprawić mój problem.

Answer 6

Dla mnie to działa dobrze:

line-height: inherit;