| 类名
|
部分
|
问题类型
|
示例
|
备注
|
| .question (Obsolete since 3.0)
|
所有问题型块
|
所有问题类型
|
<p class="question">, <ul class="question">, <table class="question">
|
|
| .ls-answers (New in 3.0 )
|
所有问题型块
|
所有问题类型
|
<div class="ls-answers ">, <ul class="ls-answers ">, <table class="ls-answers">
|
|
| .subquestions-list
|
子问题列表
|
多选问题，阵列问题
|
<ul class="subquestions-list">, <table class="subquestions-list">
|
.questions-list 同样适用
|
| .answers-list
|
问题列表
|
单选问题，阵列问题，多行输入文本问题
|
<ul class="answers-list">, <table class="answers-list">
|
|
| .answer-item
|
答案部分：单一答案
|
单选问题，阵列问题，多行输入文本问题
|
<li class="answer-item">, <td class="answer-item">
|
|
| .noanswer-item
|
答案部分：无答案
|
单选问题，阵列问题类型
|
<li class="noanswer-item">, <td class="noanswer-item">
|
没有答案也是一种答案，所以有无问题项和有问题项两种类
|
| .question-item
|
答案部分：单一答案
|
阵列问题，多行输入文本问题
|
<li class="question-item">, <tr class="question-item">
|
一些答案同时也是问题。我们有很多 "问题项-答案项" 的类
|
| .button-list
|
按钮列表
|
是否按钮和性别问题
|
<ul class="button-list">
|
|
| .button-item
|
有一个按钮的答案
|
是否按钮和性别问题
|
<li class="button-item">
|
|
| .checkbox-list
|
复选框列表
|
多选问题，数字阵列问题（复选框）
|
<ul class="checkbox-list">, <tr class="checkbox-list">
|
一些问题使用多列类，像有备注的多选框：class="checkbox-list text-list"
|
| .checkbox-array (New in 3.0 )
|
复选框阵列
|
有复选框的数字阵列选项
|
<table class="checkbox-list">
|
|
| .checkbox-item
|
有复选框的答案部分
|
多选问题，带复选框的数字阵列问题类型
|
<li class="checkbox-item">, <td class="checkbox-item">
|
|
| .radio-list
|
单选项列表
|
单选问题，阵列问题类型 (每行)
|
<ul class="radio-list">, <tr class="radio-list">
|
|
| .radio-array (New in 3.0 )
|
单选阵列项
|
阵列问题类型
|
<table class="radio-array">
|
|
| .radio-item
|
有单选项的答案
|
单选问题，阵列问题类型
|
<li class="radio-item">, |
|
|
| .text-list
|
文本输入列表
|
多行文本问题类型，文本阵列
|
<ul class="text-list">, <tr class="text-list">
|
|
| .text-item
|
文本输入的答案部分
|
多行文本问题类型，文本阵列
|
<li class="text-item">, |
|
|
| .numeric-list
|
仅数字答案的文本输入列表
|
多行数字问题类型，数字阵列
|
<ul class="text-list numeric-list">, <tr class="text-list numeric-list">
|
|
| .number-list
|
仅数字答案的文本输入列表（每行）
|
多行数字问题类型，数字阵列
|
<ul class="text-list numeric-list">, <tr class="text-list numeric-list">
|
|
| .number-array (New in 3.0 )
|
输入数字的答案部分
|
数字矩阵
|
<table class="number-array">
|
|
| .select-list (Obsolete since 2.50)
|
选择列表
|
数字阵列，双尺度阵列（选择）
|
<table class="select-list">
|
|
| .dropdown-list (New in 2.50 )
|
选择列表
|
数字阵列，双尺度阵列(选择)(每行)
|
<table class="dropdown-list">
|
|
| .dropdown-array (New in 3.0 )
|
下拉列表阵列
|
数字阵列，双尺度阵列(选择)
|
<table class="dropdown-array">
|
|
| .select-item (Obsolete since 2.50)
|
选择的答案部分
|
数字阵列，双尺度阵列(选择), 选择类型的单选
|
<p class="select-item">, <td class="select-item">
|
|
| .dropdown-item (New in 2.50 )
|
选择的答案部分
|
数字阵列，双尺度阵列(选择), 选择类型的单选
|
<p class="dropdown-item">, <td class="dropdown-item">
|
|
| .hide (Obsolete since 3.0)
|
用于辅助功能：用css隐藏但从屏幕读取，从 2.50 版本开始: 可以使用 bootstrap 的 sr-only
|
短文本问题
|
<label class="hide">
|
能用作其他用途
|
| .ls-js-hidden (New in 3.0 )
|
用于javascript激活后的隐藏部件
|
示例按钮
|
<div class="ls-js-hidden">
|
LimeSurvey 核心使用，你也可以在你的模板里使用
|
| .ls-js-hidden-sr (New in 3.0 )
|
用于辅助功能: 如果 js 激活就隐藏, 但总在用户使用屏幕输入的时候显示
|
示例按钮
|
<a class="ls-js-hidden-sr">
|
按钮
|
| .ls-no-js-hidden (New in 3.0 )
|
用于在javascript没有激活后隐藏的部分
|
链接
|
<a class="ls-no-js-hidden">
|
如果Javascript没有激活，LimeSurvey 核心用于无效链接
|
| .ls-label-xs-visibility (New in 3.0 )
|
大屏幕里隐藏的标签，但在在屏幕阅读器和小屏幕显示
|
标签
|
<label class="ls-no-js-hidden">
|
用于标签在表格单元格内的阵列问题类型
|
| .ls-input-group-extra (New in 3.0 )
|
和 boostrap 的 input-group-addon 用法一样, 但没有背景和边框。
|
right suffix
|
<div class="ls-input-group-extra">
|
适用与右和左后缀 (全局)
|
| .checkbox (Obsolete since 3.0)
|
input[type=checkbox]
|
多选框问题
|
<input type="checkbox" class="checkbox">
|
适用现代浏览器：不必要，但一些旧的浏览器需要
|
| .radio (Obsolete since 3.0)
|
input[type=radio]
|
单选框问题
|
<input type="radio" class="radio">
|
适用现代浏览器：不必要，但一些旧的浏览器需要
|
| .text
|
input[type=text]
|
有输入文本或文本域的问题
|
<textarea class="text">
|
|
| .answertext
|
阵列问题
|
阵列问题的答案部分
|
<th class="answertext">
|
|
| .col-answers
|
阵列问题
|
答案的列
|
<col class="col-answers">
|
|
| .odd .even (Obsolete since 2.50)
|
阵列问题
|
交替列
|
<col class="odd">
|
|
| .array1 .array2 (Obsolete since 3.0)
|
阵列问题
|
交替行
|
<tr class="array1">
|
|
| .ls-odd .ls-even (New in 3.0 )
|
阵列问题
|
子问题和Y 轴交替
|
<tr class="ls-odd">
|
|