Question

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

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 %>

在切换焦点上设置Bootstrap开关轮廓颜色

0 个答案: