2013-05-05 2 views
0

-라디오 버튼의 스타일 - 파이어 폭스에서 작동하지

나는 기본적으로 크롬에서 출력이 (장소에 두 브라우저의 최신 버전 양식은 중력 양식에 의해 출력이 너무 html로 아키텍처를 많이 할 수 없다) 완벽하게 - 클릭하면 배경이 채워지는 테두리와 중앙 공백이있는 원입니다 (풀 컬러 원). 내가 "파이어 폭스에서 -moz-모양을 해제하고 있어요 때

그러나, 전혀 스타일링 아니에요 - 그냥 나에게 플랫, 블랙 라디오 버튼을주는 코드는 아래 : 어떤 도움을 주시면 감사하겠습니다

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> 
..

경로 선택에 대한 도움이 필요합니다.

답변

0

양식 요소 (예 : 라디오, 확인란 및 선택)를 변경하려고 할 때 일부 JS 코드 또는 플러그인을 사용하여 변경해야합니다. CSS만으로 많은 제한이 있으며 다른 브라우저에서 원하는 결과를 얻을 수 없습니다.

ezMark 또는 다른 플러그인을 사용하여 원하는 효과를 얻으십시오.

관련 문제