أزرار الراديو عرض بشكل غير صحيح في IE7 ولكن لا بأس في فايرفوكس؟

Question

ولدي الإعداد الموقع الذي يسير على ما يرام في IE8 وفايرفوكس ولكن كما ترون هنا:

هل هذه المسألة مع بعض المغلق أو الشفافية بابوا نيو غينيا؟ أم أن هذا مجرد شيء مع IE7.

وشكرا مقدما:)

Answer 1

لأي شخص لديه مشكلة مشابهة، كانت طريقة حول هذا إضافة

background-image: none;

لالمغلق لأزرار الراديو :) على أمل أن يساعد.

Answer 2

ولست متأكدا إذا كان هذا هو phenomenom كنت تعاني، ولكن لا يبدو بقوة على هذا النحو، لذلك:

وأزرار الراديو هي <الإدخال> العلامات مثل أي دولة أخرى. إذا كان لديك قاعدة CSS التي تنطبق على كافة العلامات المدخلات، وأنها سوف تطلق لأزرار الراديو (وتقديم الأزرار وخانات، وهلم جرا) الحق جنبا إلى جنب مع حقول إدخال النص. IE تشتهر بشكل خاص إزاء هذا واحد، ومن المفارقات.

وماذا أنا أميل إلى القيام به هو استخدام النوع التالي من قصاصات HTML:

<input type="radio" class="radio" ... />

وثم تحديد قواعد CSS بلدي مثل هذا:

input {
  // stuff for most input fields goes here, e.g.
  background-image:url(fancy.png);
}
input.radio {
  // reverting the rules I don't want applied, e.g.
  background-image:none;
}

وبينما لا تستخدم محددات الهوى وكأنه واحد يمكن أن يجادل أحد يجب أن، فإنه يجعل لالتوافق ممتازة مع المتصفحات القديمة، خصوصا IE6 (التي طالما ويندوز 2000 لا يزال قيد الاستخدام، من المحتمل أن لا تختفي من الإنترنت كل قريبا جدا).

Answer 3

ولدي IE 9 وأظهرت الخلفيات مربع البيضاء على بلدي RadioButtonList آسيا والمحيط الهادئ أدناه:

<asp:RadioButtonList ID="RadioListSearchScope" runat="server" TextAlign="Right" >
<asp:ListItem Text="Include Thread & Inquiry Keywords" selected="true" Value="0"></asp:ListItem>
<asp:ListItem Text="Include Thread & Inquiry Title Text" Value="1"></asp:ListItem>
<asp:ListItem Text="Include Inquiry & Response Body Text" Value="2"></asp:ListItem>
<asp:ListItem Text="Search All the Above" Value="3"></asp:ListItem>

وهذا بدا على ما يرام في كروم، فايرفوكس الخ تم حل هذه من خلال عدم وجود السمة CssClass في التحكم RadioButtonList HTML، تذكر يتم تقديم هذا كمدخل كنوع = الراديو، ثم إضافة هذه إلى بلدي ورقة الأنماط CSS العالمي :

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }
    input[type="radio"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

وهذا ما يبدو للشفاء من أزرار الراديو! كان النص O K - ولكن كان 'زر' قليلا عن منطقة 20x20px أن كان أبيض مهما كانت. فلا بأس حتى الخلفية هي شيء آخر غير الأبيض!

وآمل أن يساعد!