<fluent-select title="Select a page to navigate to">
  <fluent-option value="1" onclick="console.info('Beginning clicked.')">Beginning</fluent-option>
  <fluent-option value="2">Middle</fluent-option>
  <fluent-option value="3">End</fluent-option>
</fluent-select>
body {padding: 1em;}

fluent-select{
  background:red;
  color:yellow;
  border:2px solid black;
  padding:1rem;
}

fluent-option{
  background:green;
  color:cyan;
  border:2px solid red;
  margin:1rem;
  padding:1rem;
}
import { fluentSelect, provideFluentDesignSystem } from "https://unpkg.com/@fluentui/web-components@2.0.0";

provideFluentDesignSystem().register(fluentSelect());
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.