更改脚本模板内 Checkbox 的 CSS答案

【问题标题】：Change the CSS of Checkbox inside the script template更改脚本模板内 Checkbox 的 CSS
【发布时间】：2017-03-02 19:29:55
【问题描述】：

我正在使用列表，里面我有复选框，它采用复选框的默认 CSS，我如何更改下面复选框的 CSS 样式是我的代码。我需要更改复选框的 CSS

  <div id="DepartmentList">
          <ul  data-role="listview" data-style="inset" data-template="script-id" data-source="listData"></ul>
          <script id="script-id" type="text/x-kendo-template">
              <div>
                  <input type="checkbox" value="#: department#" class="checkclass" onchange="handleDepartmentChange(this);" />
                  <h3 class="checkclass">#: department#</h3>

              </div>
          </script>
      </div>

【问题讨论】：

使用重要！在您想要使用的样式上也可以强制它使用这些样式。

标签： javascript html css checkbox

【解决方案1】：

 input[type="checkbox"].checkclass {
  //your CSS
 }

【讨论】：

【解决方案2】：

您可以使用您的 CSS 向复选框添加一个类。

像这样在你的 CSS 中：

.checkbox_style{
     width:47px; //Example 
}

还有你的复选框：

<input type="checkbox" value="#: department#" class="checkclass checkbox_style" onchange="handleDepartmentChange(this);" />

【讨论】：