Chrome niedawno zaktualizował style elementów wejściowych. Bardzo mi się podobanumber typ wejścia, ale ich nowy styl daje nam zaokrąglone przyciski, które nie pasują dokładnie do kwadratowych pól wprowadzania.

Podjąłem wiele prób zmiany tych danych wejściowych, ale one nie drgną. Odinput[type='number'] do tych przycisków:

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    border-radius: none !important; background: black; color: red;
}

input:-webkit-autofill { background: black; color: red; }

Wygląda na to, że w ogóle mogą się nie zmienić. Czy ktoś ma z tym doświadczenie?Wiem, że istnieje sposób na ukrycie przycisków. Idealnie chciałbym po prostu usunąć ich promień graniczny.

Co ciekawe, wypełnienie wydaje się działać na tych przyciskach. Wiem, że słuchają!