5
나는 Google Closure Library에 발을 들여 놓고 있습니다. Select Widget으로 간단한 페이지를 만들었지 만, 일부 스타일링이 필요합니다 (요소는 일반 텍스트처럼 보이고 아래 예제에서는 버튼 아래에 팝업으로 나타납니다).CSS를 Google Closure Library의 구성 요소에 어떻게 적용 할 수 있습니까?
라이브러리가 스타일을 지원한다고 가정합니다. 어떻게 그 라이브러리에 연결할 수 있습니까? 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>
이것은 내가 찾은 유일한 해결책이기도합니다. –