0

很长一段时间以来，我维护的一个网站一直在使用 jQuery-UI v1.11.2。我决定升级到当前为 v1.12.1 的最新版本。升级后，我注意到我的 jquery-ui 按钮集（基本上是单选按钮）现在显示了小点。以前那个点不存在。

我查看了 buttonsets的官方jQuery-UI 帮助文档。事实证明，他们的示例现在有了这些点。我想这就是新面貌。

在此处输入图像描述

好吧，我想回顾过去。没有点。

我如何让这些点消失？

4

1 回答 1

0

此小部件已弃用，请改用 Controlgroup。

建议使用classes.

指定要添加到小部件元素的其他类。Theming 部分中指定的任何类都可以用作覆盖其值的键。要了解有关此选项的更多信息，请查看有关课程选项的学习文章。

这使您能够更直接地修改小部件内元素的 CSS。“点”是通过改变的背景颜色，span然后给它一个边框，使“点”更小。

$(function() {
  $("#radio").controlgroup({
    classes: {
      "ui-controlgroup": "nodot"
    }
  });
});
div.nodot label.ui-checkboxradio-checked .ui-icon-background {
  border: 0 solid #aaaaaa;
  background-color: #aaaaaa;
  width: 16px;
  height: 16px;
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<form>
  <fieldset>
    <legend>Favorite jQuery Project</legend>
    <div id="radio">
      <input type="radio" id="sizzle" name="project">
      <label for="sizzle">Sizzle</label>
      <input type="radio" id="qunit" name="project" checked="checked">
      <label for="qunit">QUnit</label>
      <input type="radio" id="color" name="project">
      <label for="color">Color</label>
    </div>
  </fieldset>
</form>

仍然应用了悬停效果，即添加了一个box-shadow我找不到的。

于 2020-01-21T01:26:28.577 回答