다른 웹 브라우저에서 동일한 html 요소에 대한 UI가 다릅니다.

Question

다른 웹 브라우저가 동일한 html 요소에 대해 다른 UI를 표시하는 이유가 놀랍습니다. UI 백엔드이라는 말을 들었지만 브라우저에서이 UI를 가져 오는 위치가 확실하지 않습니다. OS에서 가져 가면 동일한 OS의 모든 브라우저에서 일관성을 유지해야합니다. 그러나 동일한 OS에서도 브라우저마다 다른 UI가 표시됩니다. 어떤 도움이 크게 appriciated 것입니다.

다음

Answer 1

이 모양은 기본적으로 다른 CSS가 없을 때 브라우저가 사용하는 기본 CSS입니다 브라우저의 "사용자 에이전트 스타일"에 의해 정의 된 파이어 폭스와 크롬 버튼입니다 요소에 대해 정의됩니다.

모든 브라우저는 고유 한 사용자 에이전트 스타일 시트를 정의합니다.

Answer 2

CSS를 사용하여 원하는대로 스타일을 지정할 수 있습니다.

W3schools에 관한 좋은 정보가 있습니다. 버튼에 대한

예 CSS를 :이 스타일 시트는

.styled-button { 
    background-color: blue; 
    border: none; 
    color: white; 
    padding: 15px 32px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
}