Google 크롬 버그? 선택 상자 <th>

Question

<thead> 안에 <th> 래퍼의 선택 상자가 하나있는 테이블이 있습니다.

Google 크롬에서이 태그에서 선택 상자가 응답하지 않는 사람이 있습니까?

테이블에 다음과 같은 용도가 있습니다 : http://autobahn.tablesorter.com/jquery.tablesorter.min.js 아마도 간섭을 일으키고 있습니까?

<th class="{sorter: false}">Location 
    <!-- country filter --> 
    <select name="countryfilter" id="countryfilter"> 
     <option value="ANY">SHOW ALL</option> 
     <option value="GB">GB</option> 
      [etc..] 
    </select> 
    <!-- end --> 
</th> 

개발자 도구를 사용하여 시도 (http://tablesorter.com/docs/ 참조)하지만 JS의 경고/오류가 감사에 없었다.

Answer 1

선택 상자에는 FF Opera IE7/IE8 및 Opera의 옵션이 표시됩니다. 크롬, 사파리, IE9에서는 실패합니다. Safari와 Chrome은 웹킷을 사용하므로 브라우저 구현 문제 또는 tablesorter pluigin 문제가 가장 확실합니다. 플러그인 작성자에게 문의하십시오. 당신이이 문제를 해결하기 위해 할 수있는 일

,이 같은 td에 동일한 스타일을 적용합니다

<td class="header"> 
    <select name="countryfilter" id="countryfilter"> 
     <option value="ANY">SHOW ALL</option> 
     <option value="GB">GB</option> 
    </select> 
</td> 

과 플러그인에 대한 CSS 파일에

이 td.header을 추가, 당신은 헤더에 TD를 사용하는 html로 변화하고있다 나머지 요소는 th입니다.

table.tablesorter thead tr th, table.tablesorter tfoot tr th, 
td.header 
{ 
    background-color: #e6EEEE; 
    border: 1px solid #FFF; 
    font-size: 8pt; 
    padding: 4px; 
}