2012-02-06 6 views
1

나는 CSS 문제가있어서 그것을 고치는 방법을 모른다. 드롭 다운 목록을 확장하려면 아래 CSS를 사용해야합니다. 하나의 조건에서만 잘 작동합니다. 옵션을 선택하면 선택 영역이 초기 폭으로 돌아 가지 않습니다. 왜??? :( 이 내가 IE의 내가 초점 폭을 설정해야하기 때문에 IE8을 포함한 모든 브라우저에서 발생 할 행동선택 : 포커스 {너비 : 자동;}

select:focus{ 
    min-width:158px; 
    width:auto; 
} 

바이올린 :. 당신은 초점을 잃고 요소를 강제 할 필요가 http://jsfiddle.net/DCjYA/304/

+0

- 당신은 어떻게 딩이 있습니까? –

+0

목록에서 옵션을 선택하기 위해 선택 항목을 확장하면 목록에서 옵션을 선택한 후에 선택 항목이 원래 크기가 아닌 자동 너비로 확장 된 채로 유지됩니다 ... – BurebistaRuler

+0

아마도 : : hover' ': focus' 대신에. @Wombat에서 언급했듯이 선택 상자는 다른 것을 클릭 할 때까지 집중됩니다. –

답변

1

확인이를 아래로 다시 축소 뭔가를 클릭하면 초점은 (는 파란색 강조하면서)의 선택 상태입니다! IE에서 콤보 상자와 관련된 문제를 해결할 수 있다고 생각합니다. "당신이 옵션을 초기 폭 선택 늘 수익을 선택할 때"

http://www.andreabianchin.it/jquery-skinner/

0

이 변경 후

추가 :.이 같은

onchange="this.blur()" 

:

<select id="id72" class="styleDDC" onchange="this.blur()"> 
+0

)이 예는 앱에서 팝업 모달이 많고 각 html 페이지 나는 내 직업을 끝내기 전에 늙을 것이다. ((나는 CSS에서 뭔가를 할 필요가있다. 심지어 jQuery 플러그인도 괜찮을 것이다.) 어쨌든 고마워. – BurebistaRuler

0

의사 CSS 클래스 : 당신이 당신의 최소 폭

+0

예, 알고 있지만 텍스트 영역이 있습니다. 왼쪽과 초점은 선택 너비 자동으로 무시됩니다. – BurebistaRuler

+0

좋아, 왜 확장하고 싶습니까? 기술적으로 누군가가 클릭하면 기술적으로 사용할 수있는 모든 옵션을 볼 수 있으므로 확장 할 필요가 없습니다. 이상하게 보일 것 같습니다 – zero

+0

내가이 컨트롤 (선택)을 사용하여 긴 설명이있는 모바일 제공을 유지하고 제안 설명을 확장 할 수 없으면 읽을 수 없기 때문에 원하게됩니다. 원본을 다시보고 싶습니다. 다른 컨트롤을 재정의하기 때문에 클릭시 너비. – BurebistaRuler