Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel=stylesheet href="resources/customizable-select-in-page.css">
<link rel=stylesheet href="../customizable-select/resources/customizable-select-styles.css">
<style>
#size4 {
height: calc(24px * 4);
}
#size2 {
height: calc(24px * 2);
}
#big2 {
font-size: 26px;
height: 2lh;
}
</style>
<div class=customizable-select-in-page id=size4>
<div class="customizable-select-option selected">one</div>
<div class=customizable-select-option>two</div>
<div class=customizable-select-option>three</div>
<div class=customizable-select-option>four</div>
</div>
<div class=customizable-select-in-page id=size2>
<div class="customizable-select-option selected">one</div>
<div class=customizable-select-option>two</div>
<div class=customizable-select-option>three</div>
<div class=customizable-select-option>four</div>
</div>
<div class=customizable-select-in-page id=big2>
<div class="customizable-select-option selected">big one</div>
<div class=customizable-select-option>big two</div>
<div class=customizable-select-option>big three</div>
<div class=customizable-select-option>big four</div>
</div>