CSSUI ドロップダウン サンプル

HTMLとCSSのみで作成。JavaScriptは未使用。

次の中から選択してください。 
<link rel="stylesheet" href="cssui/cssui.css">
<link rel="stylesheet" href="cssui/dropdown/dropdown.css">

<details data-dropdown>
  <summary>
    次の中から選択してください。
  </summary>
  <ul role="list">
    <li role="listitem"><a href="https://www.google.com/" target="_blank">Google</a></li>
    <li role="listitem"><a href="https://www.amazon.co.jp/" target="_blank">Amazon</a></li>
    <li role="listitem"><a href="https://www.apple.com/jp/" target="_blank">Apple</a></li>
  </ul>
</details>

元記事を表示する