如何在 Google Closure 中以编程方式设置边框答案

【问题标题】：How can a border be set programatically in Google Closure如何在 Google Closure 中以编程方式设置边框
【发布时间】：2016-07-08 23:42:42
【问题描述】：

我刚刚开始使用 Google Closure，并且正在尝试自定义 goog.ui.Dialog 中控件之间的间距。例如，goog.ui.Dialog.ButtonSet 中的默认按钮有点靠近：

从 FireFox 调试器，我可以导航到组件并手动更改边框，如下所示：

这给出了预期的结果。对话框现在如下所示：

我尝试通过以下方式以编程方式更改边距：

  var okButton = dialog.getButtonSet().getButton( goog.ui.Dialog.DefaultButtonKeys.OK );
  okButton.style.marginRightWidth = 8;
  okButton.style.marginRight = 8;

但这些值不会改变，也不能从调试器中更改。

如何动态更改此值？或者这是否可能——我真的需要更改底层样式表来完成此操作吗？

【问题讨论】：

你的意思是设置marginRight而不是borderRightWidth吗？
是的——谢谢。但这也没有改变。我尝试了很多组合，这似乎不是改变对话框的可行方法。不过，我已经编辑了答案以反映正确的变量。

标签： javascript google-closure-library

【解决方案1】：

编辑间距的一种方法是退回到直接的 JavaScript，忽略 Closure 类。当在调试器中的调试器中手动更改边距时，调试器会显示此内容：

<button style="margin-right: 8px;" disabled="" class="goog-buttonset-default" name="ok">OK</button>

按照该示例，此代码以编程方式更改间距：

var okButton = dialog.getButtonSet().getButton( goog.ui.Dialog.DefaultButtonKeys.OK );
okButton.style = 'margin-right: 8px;';

【讨论】：