Firefox css - wersje linux a windows - co jest grane?

0

Witam
Moim systemem roboczym jest Linux Mint. Ale zdarza mi się często awaryjnie pracować na Win10 (poza domem).
I tu zagwozdka. Na linuksie Firefox trochę inaczej używa css - a dokładniej css ma słaby wpływ na pola input. Nie mogę nic zrobić z wysokością tych pól.
Wersje Firefoxa takie same. A różnica :

windows :
win.png

linux :
mint.png

Myślałem iż to jakieś ustawienia w firefoxie - ale na tym samym kompie (z linuksem) ma konto moja druga połowa i u niej wygląda to tak samo.
A!. Jakiś czas temu - nie pomne kiedy - ale wszytko wyglądało tak samo - czyli jak w wersji Win.

0

Badales te elementy czy mają takie same paddingi? Firefox czy inna przeglądarka, może mieć inne defaultowe style dla pewnych elementow. Czy Twój css zawiera reset wszystkiego? Moim zdaniem brakuje Ci ustawienia padding, I na Windowsie masz inne domyslnie, a na linuxie inne

0

Jak dla mnie albo brak resetu stylu albo masz bugi w kodzie

0

Hmmm reset próbowałem - bez zmian. Bugi w kodzie ? - pole input na dobrze wszystkim znanym kursie P. Wimmera w różnych przeglądarkach - gdzie widać że problem tkwi w przeglądarce :/

Zrzut ekranu z 2019-11-17 16-30-11.png

Jak widać tylko Firefox coś psuje :/

PS. Wyłączyłem wszystkie dodatki w przeglądarce i też nic.

0

Bo nadal nie ostylowałeś pola. Otwórz sobie najprostszą rzecz czyli dokumentację bootstrapa https://getbootstrap.com/docs/4.0/components/forms/ i odpal na rożnych przeglądarkach i systemach. U mnie wygląda tak samo.

0

Właściwie pola są ostylowane - dość prosto :

.input_kalk {
    height: 11px;
    padding: 0px;
    text-align: right;
    width: 50px;
}

Całość to czysty HTML+CSS+VanillaJS - żadnych framework'ów.
I w każdej przeglądarce zmiany wartości height powodują natychmiastowe zmiany, a w Firefox'e u mnie dopiero powyżej 27px coś daje się zauważyć.

0

Mówię ci popatrz sobie jak działa to we frameworku a będziesz wiedział co masz nie tak. Chociażby to by ustawić input jako block albo chociaż inline-block

0

Sprawdziłem na podrzuconej stronie - i niby ok. Tylko co mi to daje ? Ja potrzebuje "na czysto". Ustawianie różnych wersji display nic nie wnosi.

1

Ehh... czy ty nie kumasz prostej rzeczy jak skopiowanie styli do input z frameworka i przerobienie tego pod to co potrzebujesz?

1

Wrzuć kod na pastebina

0

Ok - zrobiłem tak jak sugeruje @mr_jaro - i niby działa - zacząłem badać który atrybut ma taki wpływ i wyszło że ... border O_o . Czyli taki którego nie miałem zamiaru tam używać. Brak definicji ramki na input powoduje że nie da się za bardzo regulować jego wysokości.

1

Innymi słowy systemowy border ma wpływ. Ustaw więc sobie jakiś albo po prostu none i będzie ok

1 użytkowników online, w tym zalogowanych: 0, gości: 1