입력과 선택이 같은 줄에서 서로 다른 수직 위치를 가짐

Question

이 웹사이트에는 플로팅 탭을 사용합니다. 입력과 선택을 한 줄에 넣도록 코드를 약간 수정했습니다. Edge 버전 114.0.1823.67 및 Chrome 버전 114.0.5735.199에서는 기준선의 세로 위치가 다릅니다. Firefox 버전 115.0에서는 기준선의 수직 위치가 동일합니다. 코드:

으아악 으아악

vertical-position:bottom로 해결하려고 했지만 안타깝게도 성공하지 못했습니다.

Answer 1

select 因具有挑战性的样式而臭名昭著。话虽这么说，我更改了填充 - 可能甚至需要执行浏览器特定的样式，但在这里我只是更改了填充： padding: 1.225em 0; FWIW 나는 뇌가 일을 더 쉽게 처리하도록 돕기 위해 em를 사용합니다.

---

업데이트: X와 Y 배치를 통해 레이블과 필드를 행의 동일한 위치에 배치하기를 원하기 때문에 그리드 세트를 사용하는 것과 완전히 다른 대안입니다. 행/열의 이름을 지정하고 사용했습니다. 일부 래퍼 및 클래스(CSS를 변경하지 않고도 요소 유형을 변경할 수 있도록 CSS 스타일에서 요소 태그를 사용하는 것을 좋아하지 않습니다)

• 버튼 만들기

으아악 으아악