선택한 옵션과 다른 옵션을 다르게 선택합니까?

Question

내 코드는 짧은 :

select { 
 
    font-size:1.2em !important; 
 
    padding:4px; 
 
    color:#555; 
 
    margin-left:5px; 
 
}

<select name="loc" id="loc_login"> 
 
    <option value="1" selected="selected">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select>

문제는 선택되지 않은 옵션에서 해당 글꼴, (2, 3) 선택한 옵션보다 훨씬 작다. 그것은 테스트를 위해 사용했던 일부 컴퓨터에 표시됩니다 (Firefox에서만). 문제가있는 모든 컴퓨터는 Windows 7에서 실행되지만 몇 가지 다른 버전 (50 이상)의 Firefox에서 실행됩니다. 필자는 동일한 Firefox 버전으로 Win7 컴퓨터를 추가로 시험했지만 모든 글꼴은 같은 크기입니다.

다른 페이지에도이 코드를 넣었습니다.이 코드는 body 태그의 유일한 것이며 정의 된 유일한 스타일이며 동일한 결과가 나타납니다. 또한 브라우저에서 기본 글꼴을 변경해 보았습니다. 어느 글꼴도 작동하지 않았습니다. select의 을 제거하면 모든 글꼴이 작고 동일한 크기가됩니다.

목표는 모두 1.2em이어야한다는 것입니다. 어떤 아이디어?

Answer 1

모두에서 잘 작동하는 것 같다 :
Win7에 - 크롬 아치 리눅스 - 파이어 폭스 (최신)
하지만 그렇지 않은 확신하는 경우, 다음과 같은 CSS 코드를 시도 할 수 있습니다 :

select { 
    font-size: 1.2em !important; 
    padding: 4px; 
    color: #555; 
    margin-left: 5px; 
}