체크 박스 목록 스타일

Question

내 목록 상자가 Chrome, Firefox 및 IE에서 다르게 표시됩니다.

어떻게 보이게 할 수 있습니까? 나는 국경을

<asp:CheckBoxList ID="cbStatus" runat="server" RepeatColumns="4"> 
         <asp:ListItem Text="Approved" Value="A"></asp:ListItem> 

         <asp:ListItem Text="Declined" Value="D"></asp:ListItem> 

        </asp:CheckBoxList> 

Answer 1

확인란 항상 다른 브라우저 다르게 렌더링하는 요소 중 하나입니다 x 1 픽셀합니다. 모양이 통일되기를 원한다면 일반 체크 박스를 스타일 컨트롤로 바꾸는 jQuery 플러그인 중 하나를 제안합니다. 당신의 checkboxlist 브라우저이 HTML 렌더링 예를 들어

:

<table id="cbStatus" border="0"> 
    <tr> 
     <td><input id="cbStatus_0" type="checkbox" name="cbStatus$0" /><label for="cbStatus_0">Approved</label></td> 
     <td><input id="cbStatus_1" type="checkbox" name="cbStatus$1" /><label for="cbStatus_1">Approved w/ Requirements</label></td> 
     <td><input id="cbStatus_2" type="checkbox" name="cbStatus$2" /><label for="cbStatus_2">Declined</label></td><td></td> 
    </tr> 
</table> 

당신이 하나의 명령을 실행할 수 있습니다 PrettyCheckable 플러그인을 사용하여이 ::

$('input[type="checkbox"]').prettyCheckable(); 

그것을 스타일과 여기 후 모습입니다하기 : http://jsfiddle.net/WuFg9/

원하는 스타일, 테두리, 색상 등을 조정할 수 있습니다.