Javascript 单选按钮为图像，单击“下一个”字段集 /*自定义字体*/ @导入url(https://fonts.googleapis.com/css?family=Montserrat); /*基本重置*/ *{边距：0；填充：0；} html{ 身高：100%； /

单选按钮为图像，单击“下一个”字段集

/*自定义字体*/
@导入url(https://fonts.googleapis.com/css?family=Montserrat);
/*基本重置*/
*{边距：0；填充：0；}
html{
身高：100%；
/*仅映像BG回退*/
/*背景=渐变+图像模式组合*/
背景：
线性梯度（rgba（0,0,0,0.6），rgba（20,20,20,0.6））；
}
身体{
字体系列：蒙特塞拉特、arial、verdana；
}
/*表单样式*/
#msform{
宽度：950px；
保证金：50px自动；
文本对齐：居中；
位置：相对位置；
}
#msform字段集{
背景：白色；
边界：0无；
边界半径：1px；
盒影：0.15px 1px rgba（0,0,0,0.4）；
填充：40px 40px；
框大小：边框框；
宽度：80%；
利润率：0.10%；
/*将场集堆叠在彼此上方*/
位置：相对位置；
}
/*隐藏除第一个字段集以外的所有字段集*/
#msform字段集：非（：类型的第一个）{
显示：无；
}
/*投入*/
#msform输入，#msform文本区域{
填充：10px；
边框：1px实心#ccc；
边界半径：3px；
边缘底部：15px；
边缘顶部：5px；
宽度：100%；
框大小：边框框；
字体系列：蒙特塞拉特；
颜色：#2C3E50；
字体大小：13px；
}
#msform select{
文本对齐：左对齐；
填充：10px；
边框：1px实心#ccc；
边界半径：3px；
边缘底部：15px；
边缘顶部：5px；
宽度：30%；
框大小：边框框；
字体系列：蒙特塞拉特；
颜色：#2C3E50；
字体大小：13px；
}
/*钮扣*/
#msform.action按钮{
宽度：400px；
背景：#00aff；
字体大小：粗体；
字体大小：16px；
颜色：白色；
边界：0无；
边界半径：1px；
光标：指针；
填充：10px 5px；
利润率：10px 5px；
}
#msform.action按钮：悬停，#msform.action按钮：焦点{
盒影：0.02倍白色，0.03倍黑色；
}
/*按钮2*/
#msform.choise按钮{
光标：指针；
}
#msform.choise按钮：悬停，#msform.choise按钮：焦点{
盒影：0.02倍白色，0.03倍黑色；
边框：10实心；
边框颜色：#FF0000；
}
#msform.Angaben{
字体大小：12px；
文本对齐：左对齐；
}
#msform.zustimmung{
字体大小：12px；
}
#msform.zustimmunglinks{
字体大小：12px；
颜色：#00affe；
}
#msform.zustimmunglinks:hover，#msform.zustimmunglinks:active，#msform.zustimmunglinks:hover+label，#msform.zustimmunglinks:active+label{
字体大小：13px；
}
/*标题*/
.fs标题{
字号：18px；
颜色：#2C3E50；
边缘底部：40px；
}
.hr{
宽度：110%；
左边缘：-5%；
文本对齐：居中；
边缘底部：25px；
}
.Abfragentext{
边框：1px实心；
宽度：300px；
文本对齐：居中；
边缘底部：40px；
边缘顶端：40px；
填充底部：30px；
保证金：自动；
}
.fs粗体标题{
字体大小：粗体；
}
.fs副标题{
字体大小：正常；
字体大小：13px；
颜色：#666；
边缘底部：10px；
}
.滑块输出{
颜色：#00affe；
字体大小：粗体；
}
/*进度条*/
#进度条{
边缘底部：30px；
溢出：隐藏；
/*CSS计数器对步骤进行编号*/
计数器复位：步骤；
}
#李国宝{
列表样式类型：无；
颜色：白色；
字体大小：9px；
宽度：25%；
浮动：左；
位置：相对位置；
}
#李：以前{
内容：计数器（步骤）；
反增量：步进；
宽度：20px；
线高：20px；
显示：块；
字体大小：10px；
颜色：#333；
背景：白色；
边界半径：7px；
保证金：0自动5px自动；
}
/*progressbar连接器*/
#李：之后呢{
内容：''；
宽度：100%；
高度：20px；
背景：白色；
位置：绝对位置；
左-50%；
顶部：0px；
z索引：-1；/*将其放在数字后面*/
}
#李：第一个孩子：之后{
/*第一步之前不需要接头*/
内容：无；
}
/*将活动/完成的步骤标记为绿色*/
/*台阶和台阶前的接头编号=绿色*/
#progressbar li.活动：之前，#progressbar li.活动：之后{
背景：#00aff；
颜色：白色；
}
.input_隐藏{
位置：绝对位置；
左：-9999px；
}
.选定{
-webkit盒阴影：0px 0px 10px 0px rgba（0,0,0.5）；
-moz盒阴影：0px 0px 10px 0px rgba（0,0,0.5）；
盒影：0px 0px 10px 0px rgba（0,0,0,0.5）；
边框样式：实心；
边框宽度：5px；
边框颜色：#00affe；
边界半径：5px；
}
#美国药典{
字体大小：12px；
文本对齐：居中；
利润上限：20分；
背景色：#888888；
宽度：100%；
高：100%；
}
.usp-facts1{
字体大小：13px；
利润上限：20分；
背景色：#F5；
宽度：100%；
填充：25px；
右边填充：50px；
左边距：-40px；
边缘底部：-40px；
}
.usp表格{
宽度：100%；
文本对齐：居中；
}
美国药典{
字号：18px；
颜色：#00affe；
}
/*塞特埃因斯奥斯瓦伦酒店*/
标签：悬停，标签：活动，输入：悬停+标签，输入：活动+标签{
边框：3倍实心；
边框颜色：#00affe；
-网络工具包盒阴影：0px 0px 5px 0px rgba（0175254,0.5）；
-moz盒阴影：0px 0px 5px 0px rgba（0175254,0.5）；
盒影：0px 0px 5px 0px rgba（0175254,0.5）；
转换：标度（1.05）；
}
#精选标签{
宽度：400px；
右边距：5px；
边缘底部：5px；
边界半径：4px；
-网络工具包盒阴影：0px 2px 5px 0px rgba（0,0,0,0.5）；
-moz盒阴影：0px 2px 5px 0px rgba（0,0,0,0.5）；
盒影：0px 2px 5px 0px rgba（0,0,0,0.5）；
显示：内联块；
光标：指针；
过渡：所有100ms线性；
边框：6px实心透明；
}
#选择标签img{
填充：3倍；
左边距：50像素；
右边距：50px；
}
#选择h2{
边缘底部：20px；
}
#选择2标签{
左边距：5px；
右边距：5px；
边缘底部：5px；
边界半径：4px；
-网络工具包盒阴影：0px 2px 5px 0px rgba（0,0,0,0.5）；
-moz盒阴影：0px 2px 5px 0px rgba（0,0,0,0.5）；
盒影：0px 2px 5px 0px rgba（0,0,0,0.5）；
显示：内联块；
光标：指针；
过渡：所有100ms线性；
边框：6px实心透明；
}
#选择2标签img{
填充：3倍；
左边距：50像素；
右边距：50px；
}
#选择2 h2{
边缘底部：20px；
}
#选择3标签{
左边距：5px；
边缘底部：5px；
边界半径：4px；
-网络工具包盒阴影：0px 2px 5px 0px rgba（0,0,0,0.5）；
-moz盒阴影：0px 2px 5px 0px rgba（0,0,0,0.5）；
盒影：0px 2px 5px 0px rgba（0,0,0,0.5）；
显示：内联-
<a id="Choise" name="next" class="next Choise-button" value="Next" >
<input type="radio" name="designation" id="designation" />
<label for="designation"><img src="" alt="designation" />
<h2>designation</h2></label>
</a>