如何将CSS应用于Google Closure Library中的组件？
如何将CSS应用于Google Closure Library中的组件？
提问于 2009-12-26 21:32:53
我已经开始接触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>Stack Overflow用户
发布于 2010-03-19 08:28:31
闭包向HTML节点添加了一系列CSS类，并且该库提供了几个CSS来为组件提供样式。
我建议您浏览一下演示的源代码，找出css和类。或者使用Firebug (适用于firefox)或IE开发工具(适用于Internet Explorer7/8)确定id/ classes，然后使用您自己的CSS设置样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1963394
复制相关文章
相似问题
腾讯云开发者
