如何将CSS应用于Google Closure库中的组件？

Question

如何将CSS应用于Google Closure库中的组件？

Jas*_*son 5 javascript google-closure-library

我正熟悉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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Nic*_*lay 2

我只是使用像（对于你的情况）这样的咒语：

<link rel="stylesheet" href="closure-library/closure/goog/demos/css/menubutton.css">

Run Code Online (Sandbox Code Playgroud)

尽管我没有找到在 demos/ 目录中使用样式背后的任何解释，但似乎没有更好的方法...

归档时间：	16 年，2 月前
查看次数：	2121 次
最近记录：	11 年，11 月前