Mam podstawowy css, który między innymi ustawia moje dane wejściowe na:

  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;

Mam też to dla konkretnego przycisku, o którym mowa

header input[type=submit] { background:#383838; color:#FFF; padding:4px 5px; }

Wszystko jest w porządku, z wyjątkiem przycisku wprowadzania w Chrome, który jest o 2 piksele krótszy na wysokość i szerokość niż każda inna przeglądarka (więc tak, jakby była różnica 1 piksela dla każdej strony). To, co sprawia, że ​​jest to bardziej frustrujące, to fakt, że nie wpływa to na safari, które jest również przeglądarką internetową.

Jakieś pomysły, dlaczego?

Pozdrawiam, Adi.

1
Adi 19 lipiec 2011, 17:08
Przepraszamy, zrobię re: akceptację. Obraz tutaj (te same style dla obu) postimage.org/image/2vye375b8
 – 
Adi
19 lipiec 2011, 17:17
Naprawdę nie chcę używać js do wąchania przeglądarki i dostosowywania. Świetne do sortowania samego CSS (nie można użyć wysokości linii ze względu na błąd FF)
 – 
Adi
19 lipiec 2011, 17:19
Czy możesz go odtworzyć na jsFiddle lub Pojemnik JS? Ponadto, jakiego systemu operacyjnego używasz?
 – 
thirtydot
19 lipiec 2011, 17:21
jsfiddle.net/5kLEf (jeśli oglądasz na Chrome i safari, możesz zobaczyć różnicę w rozmiarze) Jestem w systemie Windows 7
 – 
Adi
19 lipiec 2011, 17:28

2 odpowiedzi

Najlepsza odpowiedź

button i input są renderowane (nieco) inaczej w każdej przeglądarce (dopełnienie, marginesy itp.). różne zasady stylu.

1
wanovak 19 lipiec 2011, 17:54
Właśnie o to się martwiłem. Ta dla danych wejściowych.
 – 
Adi
19 lipiec 2011, 17:58

Powinieneś spróbować resetowania CSS na początku dokumentu arkusza stylów. niektóre przeglądarki przyjmują domyślną stylizację… więc może to również stanowić problem

0
monk 19 lipiec 2011, 20:21