CSS 라디오 스타일

<div 클래스 = "플렉스 H 입력">
<라벨>
<스팬 클래스 = "musticon"스타일 = "색상 : #fff"> * </ SPAN>语言表达能力
</ 라벨>
<div 클래스 = "플렉스 1 TX-R 무선 ">
<input 타입 ="무선 "NAME ="N "ID ="N1 "클래스 =" "/>
="N1 "클래스 <라벨 =" ">
强
</ 라벨>
<input 타입 = "라디오"NAME = "N"ID = "N2"클래스 = ""/>
N2 = 대한 <레이블 ","클래스 = "">
中
</ 라벨>
<input 타입 = "무선"NAME = "N"ID = "/>"N3 "클래스 ="
N3 = 대한 <레이블 ","클래스 = "">
弱
</ 라벨>
</ DIV>

</ DIV>

 

 

div.radio 라벨 {.input
총수 : 상대적;
디스플레이 : 인라인 블록;
패딩 왼쪽 : 15 픽셀;
}
.input div.radio 입력 {
디스플레이 : 없음;
}
{전에 div.radio 라벨 : .input
내용 : '';
위치 : 절대;
상단 : 50 %;
왼쪽 : 0;
변환 : (0, 50 %) 변환;
폭 : 10px;
높이 : 10px;
국경 : 1 픽셀의 고체 # 9D9D9D;
경계 반경 : 100 %;
}

{전에 div.radio 입력 + 레이블 : .input
국경 : 1 x 1 픽셀 고체 #의 FF9200;
}

div.radio 입력 .input : {후 + 레이블 : 검사
내용 : '';
위치 : 절대;
상단 : 50 %;
왼쪽 : 2 픽셀;
변환 : (0, 50 %) 변환;
폭 : 6 픽셀;
높이 : 6 픽셀;
경계 반경 : 100 %;
배경 : #의 FF9200;
}