我正熟悉Google的Closure Library.我创建了一个带有Select Widget的简单页面,但它显然需要一些样式(元素看起来像纯文本,在下面的例子中,按钮下面会弹出菜单项).
我假设图书馆支持样式 - 我如何勾选它们？SVN中的每个示例页面似乎都使用自己的CSS.
简要示例如下:
<body>
<div id="inputContainer"></div>
<script src="closure-library-read-only/closure/goog/base.js"></script>
<script>
goog.require('goog.dom');
goog.require('goog.ui.Button');
goog.require('goog.ui.MenuItem');
goog.require('goog.ui.Select');
</script>
<script>
var inputDiv = goog.dom.$("inputContainer");
var testSelect = new goog.ui.Select("Test selector");
testSelect.addItem(new goog.ui.MenuItem("1"));
testSelect.addItem(new goog.ui.MenuItem("2"));
testSelect.addItem(new goog.ui.MenuItem("3"));
var submitButton = new goog.ui.Button("Go");
testSelect.render(inputDiv);
submitButton.render(inputDiv);
</script>
</body>