2012-03-08 5 views
0

나는 이것에 대해 약간의 수정을 가해 왔고 스타일이 검색 텍스트 상자에 적용되는 이유는 이해할 수 있지만 템플릿 에서처럼 드롭 다운은 적용되지 않습니다. 이것이 일어날 수있는 이유에 대한 아이디어.Syle이 드롭 다운에 적용되지 않음

http://jsfiddle.net/NNk7s/2/

템플릿 : http://kansasoutlawwrestling.com/peach/tables.html

+1

여기에 심각하게 오십시오. 당신이 우리에게 페이지를 덤프하고 "스타일이 드롭 다운에 적용되지 않음"이라고 말하면됩니다. 드롭 다운, 오브젝트 ID, 스타일 드롭 다운에 어떤 스타일 규칙을 적용 할 예정인지, CSS 파일에 어떤 규칙이 적용되는지 예상합니다. 사이트를 모르겠습니다. 도움이 필요하면 알려주십시오. 우리가 당신을 도우려고하고 추측하려고 탐정적인 일을하기보다는 문제에 대해 더 많이 알아보십시오. – jfriend00

+0

코드 예제를 단순화 해보십시오. – j08691

+0

@ jfriend00 나는 쇼 항목 옆에있는 드롭 다운에 대해 이야기하고 있습니다. 템플리트 페이지의 드롭 다운과 같은 방법으로 스타일을 지정해야합니다. 두 요소 모두 dataTables 플러그인으로 동적으로 작성됩니다. 텍스트 검색 텍스트 상자의 스타일이 지정되었지만 드롭 다운이 아닌 이유를 모릅니다. –

답변

1

내가 왜 당신에게이 플러그인에 대해 충분히 모르겠지만 내가 무슨 일이 일어나고 있는지 볼 수 있습니다. 작업 예제에는 두 개의 "드롭 다운 메뉴"가 있습니다. 하나는 실제 HTML <select> 태그이고 <option> 태그이지만이 양식 요소는 style="display: none" 속성으로 숨겨져 있습니다.

페이지에 표시되는 내용은 실제로는 멋진 스타일의 <div> 태그가 드롭 다운 메뉴처럼 보이도록 디자인되어 있습니다. <select> 태그는 이전 브라우저와의 호환성을 위해 또는 사용자가 JavaScript를 사용할 수없는 경우에만있을 수 있습니다.

가짜 드롭 다운 오버레이를 만들기 위해 플러그인을 얻으려면 무엇이 필요한지 알아야합니다. <div> 또는 다른 요소를 만들고 CSS 클래스를 적용하는 것만 큼 문제 일 수 있습니다.

+0

모든 것이 동적으로 생성됩니다. –

관련 문제