радио Кнопки Стили в Chrome правильно - не работает в Firefox

Question

(последние версии Оба браузера на месте - форма выводится гравитационные форм поэтому не может делать с HTML архитектуры)

я в основном имеют выход в Chrome отлично - это круг с границей и центральным белым пространством, которое заполняет фон (чтобы быть полноцветным кругом) при нажатии.

Однако, даже когда я "м выключая -moz-появление в Firefox, это не укладка на всех - просто дать мне, кнопку плоской черный радио Код ниже: ЛЮБАЯ помощь будет оценена

body .gform_body .gfield ul.gfield_radio li input{ 
-webkit-appearance: none; 
-moz-appearance: none; 
display: inline-block; 
width: 15px !important; 
height: 15px !important; 

} 
body .gform_body .gfield ul.gfield_checkbox li input{ 
-webkit-appearance: none; 
display: inline-block; 
width: 15px !important; 
height: 15px !important; 
} 
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input { 

border-radius: 8px !important; 
border: 4px solid #c4e7e3 !important; 

} 


html: 
<li id="field_1_7" class="gfield radio_1"> 
<label class="gfield_label">Hello! Are you: </label> 
    <div class="ginput_container"> 
    <ul class="gfield_radio" id="input_1_7"> 
    <li class="gchoice_7_0"> 
     <input name="input_7" type="radio" value="Ready to get started? "checked="checked" id="choice_7_0" tabindex="3" onclick="gf_apply_rules(1,[8,6]);"> 
     <label for="choice_7_0">Ready to get started? </label></li> 
      <li class="gchoice_7_1"> 
      <input name="input_7" type="radio" value="Or just saying hello!" id="choice_7_1" tabindex="4" onclick="gf_apply_rules(1,[8,6]);"> 
      <label for="choice_7_1">Or just saying hello!</label></li></ul></div></li> 

..

Любая помощь на маршруте, чтобы принять действительно оценили.

Answer 1

Когда вы пытаетесь изменить внешний вид элементов формы (например, радио, флажком и выбирает), вы должны изменить их с какой-то код JS или плагин, потому что слишком много ограничений с помощью css, и вы не получите желаемые результаты в других браузерах.

Попробуйте что-нибудь просто, как ezMark или какой-либо другой плагин, чтобы получить желаемый эффект.