2008-08-27 8 views
6

나는 다음과 같은 HTMLHTML 선택 태그 - 드롭 다운 삼각형은 Firefox에서 보이지 않는 3

<html> 
    <select id="opts" style="background-color: black; color: white;"> 
    <option>first</option> 
    <option>second</option> 
    </select> 
</html> 

사파리는 작은 삼각형을 만들 정도로 똑똑 (배경이 검은 색과 텍스트 흰색 만드는 CSS주의)가 텍스트의 오른쪽에 전경 텍스트와 같은 색으로 나타납니다.

다른 브라우저는 기본적으로 CSS를 무시하므로 괜찮습니다. 수있는 사람 도움말 - 당신이 그것을 볼 수 있도록

파이어 폭스 3 그러나 나는이 문제를 해결하는 방법을 찾을 수없는

Example

과 같이, 배경색을 적용하지만, 삼각형의 검은 잎 ? -moz-select-triangle-color 또는 그와 같이 불분명 한 것이 있습니까?

+0

을보고 그것을 ff3으로 밀어 넣었고 나는 당신이 보는 것을 보지 못했습니다 ... 화살표는 회색 배경과 검은 색 화살표가있는 기본 색상입니다. 당신도 스크롤바 스타일링 중입니까? – RedWolves

답변

3

Vista 있어야합니다 문제. 나는 XP SP 2이며 정상적으로 보입니다.

+1

Mac OSX Firefox 3에서도 문제가됩니다. –

3

버튼이 검은 색이어야합니까? 대신 검정색 배경을 옵션에 적용 할 수 있습니다.

0

파일로 코드를 가져 와서 ff3으로 푸시했는데 표시가 보이지 않습니다 ... 화살표가 회색 배경과 검은 색 화살표가있는 기본 색상입니다.

스타일 바도 마찬가지입니다.

내가 게시물을 업데이트했습니다

, 거기에있는 HTML은 이제 말 그대로 모든,로드되지 다른 CSS/JS 또는 아무것도되고있는 HTML, 그리고 여전히 그림에 게시 정확하게 보인다.

참고 : 나는 Vista에 있습니다. 그것은 XP에서 다른 일을 할 수 있습니다, 내가 확인하지 않았습니다

0

Vista 문제 일 수 있어야합니다. 나는 XP SP 2를 가지고 정상적으로 보입니다.

그렇습니다.
나는 그것을 XP에서 시험해 보았다. 괜찮 았고, 윈도우즈 클래식으로 설정 한 비스타에서도 괜찮았다. firefox-vista-aero 테마의 버그 일뿐입니다.

2

(검은 색 배경) 비스타에 작은 검은 색 화살표 쇼를 만들려면, 나는 흰색 상자 GIF를 만든 다음 CSS를 사용 : 그것은 작동하지 않습니다되는 위의 수정과

select { 
    background-image: url(../images/selectBox.gif); 
    background-position: right; 
    background-repeat: no-repeat; 
} 
3

문제 사파리 - 당신은 나쁜 것처럼 보이는 흰색 배경으로 끝납니다. 나는이 모즈 특정 의사 클래스를 사용하여이 둥근있어이는 멋진 윈도우 테마가 적용되는 경우이 CSS를 적용 이론적으로

select:-moz-system-metric(windows-default-theme) { 
    background-image: url(../images/selectBox.gif); 
    background-position: right; 
    background-repeat: no-repeat; 
} 

, 나는 파일에 해당 코드를 떨어이 https://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)