2013-05-19 4 views
2

두 가지 유형의 입력이 있습니다. A select 드롭 다운 상자 및 일반 input.선택 드롭 다운 상자에서 패딩을 어떻게 적용합니까?

input에는 padding: 10px;이 추가되어 더 크게 보입니다.

일단 선택 상자를 옆에 놓으면 문제는 두 가지 높이 모두입니다.

선택 물에 패딩을 적용하거나 input과 같은 높이로 만드는 방법은 무엇입니까?

여기에 live example입니다.

편집 한

이가 나에게 모습입니다 : enter image description here

+0

하지가 작동합니까? 잘() 어느 쪽이든) 나는 당신의 질문을 이해하지 않는다 또는 B) 크롬에 작동한다. –

+0

작동하지 않습니다. 선택 상자는 입력 텍스트 필드보다 물리적 크기가 작습니다. OS X에서 Chrome을 사용하고 있으며 크기가 작습니다. 질문을 나를 어떻게 보는지 스크린 샷으로 업데이트하겠습니다. – marcamillion

+0

입력란이 동일하지 않으므로 OS가 반드시 있어야합니다. Windows8 + 최신 크롬에서 작동한다고 말할 수 있습니다. –

답변

5

한번에 적어도 <select>에 있지만, 아마도 모두 -webkit-appearance: none를 추가.

-webkit-appearance: menulist-button; 

확인이 답변을 자세한 내용은 : OSX 정말 사과 y는

+0

웹킷이 더 이상 사용되지 않습니다. 틀 렸으면 고쳐줘. – Jonast92

+0

아 ... 이거 일했습니다. 흥미 롭 군. 하지만 이제는 이상하게 보입니다. – marcamillion

+0

어쨌든 OS X에서 이상하게 보이지 않게하려면? 별난, 나는 '보통'을 의미합니까? – marcamillion

관련 문제