사파리에서 확인란이 펑키 해 보이는 이유를 설명해야합니다

Question

내 사무실의 모든 사람은 Mac을 사용하므로 대부분 Safari를 사용합니다.

30 개의 확인란이있는 페이지가 있습니다. HTML을 직접 수행하지는 않았지만 레이블이나 ASP와 함께 HTML 입력 확인란을 사용하든 상관 없습니다. checkbox usig wect a ext for the label 내 보스는 자극을 받았습니다. 확인란은 레이블의 중심 아래에 있습니다.

나는 이것이 Sarari 때문이라고 가정 할 수 있으며 그것은 렌더링된다고 가정 할 수 있습니다. 나는 매우 복잡하지 않을 수없는 해결책이 의심 스럽다. 나는 HTML을 직접하지 않았고, 나는 그것을 보냈다.

나는 그에게 Safari가 "인"이라는 것을 설명하려고 노력했다. 그러나 그것은 허용되지 않았다. 나는 다른 사람이 그런 문제에 빠졌는지 확인하기 위해 구글을 봤다. 그가 미성년자가 용납 할 수 없다고 주장하는 이와 같은 문제에 부딪 칠 때 어떻게해야합니까? 내가 이것에 다가 가고 있습니까? HTML이 완벽하게 합리적이라는 것을 의미합니다.

<ul>
    <li><asp:CheckBox  CssClass="checkbox" runat="server" Text="Accessories" /></li>
    <li><asp:CheckBox  CssClass="checkbox" runat="server" Text="Art" /></li>
    <li><asp:CheckBox  CssClass="checkbox" runat="server" Text="Athletic Apparel" /></li>
    <!-- etc... -->
</ul>

그가 이해할 방법을 어떻게 설명 할 수 있습니까?

Answer 1

와우 나는 당신이 그것을 언급 할 때까지 상자가 텍스트보다 약간 낮다는 것을 실제로 알지 못했습니다. 그러나 CSS에서는 다음과 같이 작업 할 수 있습니다.

label {
    vertical-align: bottom;
}

텍스트를 확인란에 정렬합니다 (Safari 3.2.1)

Answer 2

Safari 및 Checkbox 문제에 대해서는 확신이 없지만 상사 나 고객이 비 문제처럼 보이는 것에 집중하는 상황을 경험했습니다.

내가 처리하는 방식은 "이 문제를 연구하고 해결책이나 해결 방법을 찾으려고 노력할 수 있지만 아마도 x 시간/일이 걸릴 것입니다."

나는 그들이 문제를 해결하기 위해 X 시간/일을 보내거나 실제 개발을 수행하기 위해 시간을 사용하기를 원하는지에 대해 결정을 내렸다.