Polymer Iron Dropdown

2025 年 3 月 17 日 | 阅读 1 分钟

元素 <iron-dropdown> 用于显示隐藏的下拉内容。使用 iron-dropdown 的元素的实现可以具有组合框、菜单按钮、选择等。

元素 <iron-dropdown> 显示属性，其中 .dropdown-trigger 相对于 .dropdown-content 的位置配置。

示例

打开命令提示符并转到您的项目文件夹，使用以下命令实现 iron-dropdown 元素

<!DOCTYPE html>
<html>
   <head>
      <title>iron-dropdown</title>
      <base href = "http://polygit.org/components/">
      <script src = "webcomponentsjs/webcomponents-lite.min.js"></script>
      <link rel = "import" href = "iron-dropdown/demo/x-select.html">
      <link rel = "import" href = "paper-input/paper-input.html">
      <link rel = "import" href = "paper-button/paper-button.html">
  
      <style>
         .dropdown-trigger{
            background-color: DarkCyan ;
            border-radius: 4px;
            color: white;
         }
         .dropdown-content {
            background-color: white;
            line-height: 15px;
            border-radius: 5px;
            box-shadow: 0px 2px 5px #ccc;
            padding: 20px;
         }
      </style>
   </head>
  
   <body>
      <h3>Iron-dropdown Example</h3>
      <x-select>
         <paper-button class = "dropdown-trigger">Click Me !</paper-button>
         <div class = "dropdown-content">
            <p>Hello !!! <br/>
            <p>This is an iron-dropdown <br/> example of Polymerjs.</p>
         </div>
      </x-select>
   </body>
</html>

输出

Polmer 版本 2.2.3 对于此元素已损坏。您可以在升级后的版本 2.2.4 上使用它

下一主题Iron Flex Layout

Polymer Iron Dropdown

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Polymer 教程

Polymer 元素

App 元素

Iron 元素

Paper 元素

Google 组件

Gold 元素

Neon 元素

Platinum 元素

自定义元素

Shadow DOM & 样式

Polymer 事件

Polymer 数据系统

Polymer 工具

Polymer Iron Dropdown

示例

相关帖子

Iron 折叠

Iron 图像

Iron 表单

Iron Ajax

Iron 图标

Iron 弹性布局

Iron 元素

Iron A11y 键

可滑动容器

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器