ruby-on-rails - 在 Sass 中指定边界是否存在

Question

我正在使用 Rails 3.1 并希望有一个可以设置的 Sass 变量（或其他技术）

$show_border: border: 1px solid black;

并在布局件中

.info{
  $show_border
  width: 600px;
  display:inline-block;
  float:left;
}

这样我就可以看到布局并集中打开和关闭它。我不能只将边框设置为 0，因为它不能跨浏览器工作。有没有一种简单的方法可以做到这一点？

谢谢

Answer 1

如果需要，您可以将其作为 mixin 执行：

@mixin show_border {
  border: 1px solid black;
}

.info {
  @include show_border;
}

或者您可以在 JavaScript 中执行此操作（即来自小书签）：

$(".info").css({ border: "1px solid black" }); // with jQuery

// Without jQuery (in modern browsers)
Array.prototype.slice.call(document.getElementsByClassName("info"), 0).forEach(function (element) {
  element.style.border = "1px solid black";
});