أزرار تختفي في أي والكروم

Question

وهذا هو أدناه في ورقة نمط

 select,input ,td a {border:1px solid green; width:25%;height:25px;font-size:20px;margin-  left:.1em;}
input.myradio {border:none;width:0%;height:0%;font-size:0%;}

وهذا هو أقل في أتش تي أم أل

<td><input class="myradio"  type="radio" name="poolstatus" value="Add">Add</input><td>

وانها مثالية في فايرفوكس ولكن الكروم وIE لا تظهر أزرار الراديو؟ لماذا ذلك؟

Answer 1

وانها لأنك قد قال زر الاختيار لتكون 0٪ طويل القامة - وهو 0px - التي لا يوجد

ويمكنك تجاوز هذا بقوله الطول والعرض لتكون 'السيارات' الذي سيتم إعادة تعيين لهم (ما لم يكن هناك حكم والذي هو أكثر تحديدا في مكان آخر في أنماط)

input.myradio {
  border:none;
  width:auto;
  height:auto;
}

Answer 2

وتخميني هو "العرض: 0٪، ارتفاع: 0٪" في الصف input.myradio الخاص بك. كنت في حاجة الى العرض والارتفاع.

وجرب هذا:

input.myradio {border:none;width:1em;height:1em;}

Answer 3

وماذا لديك الطول والعرض المحدد 0٪ بالنسبة لهم؟ انا التخمين هذا هو السبب في IE وكروم لا تظهر على زر الراديو، ق لأن لديهم حجم 0 بكسل.

Answer 4

وتحتاج إلى وضع زر الراديو الخاص بك في غضون العلامة <form> وأنها سوف تظهر في كروم وإنترنت إكسبلورر:

<form><input type="radio" /></form>