1

在 Ruby on Rails 中，我一直在努力将 Bootstrap Switch 切换按钮上的轮廓边框从默认的蓝色轮廓更改为我想要的颜色，或者找到有关如何操作的任何信息。我几乎放弃了，但随后在堆栈中提供了很多关于如何设置主按钮颜色的帮助，一起破解了下面的解决方案。但我想知道是否有比这更清洁和更好的方法，也许通过向bootstrapSwitch函数发送另一个选项，因为我下面的黑客有点笨拙和丑陋（尽管它确实有效，至少在我的网页上） ?

CSS：

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
  color: #fff;
  background: #5126aa;
}

.bootstrap-switch.bootstrap-switch-focused {
  border-color: #5126aa !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(81, 38, 170, 1), 0 0 8px rgba(81, 38, 170, 1) !important;
  box-shadow: inset 0 1px 1px rgba(207, 220, 0, 0.4), 0 0 8px rgba(81, 38, 170, 1) !important;
}

查看 ERB 页面底部的 Javascript：

<%= javascript_tag do %>
  $(document).ready(function() {
    $('input:checkbox').bootstrapSwitch({onColor: 'purple'});
  });
<% end %>
4

0 回答 0