Polymer 1.x：如何删除纸张对话框中纸张菜单中的空白？我想要这个。。。_Polymer_Polymer 1.0_Paper Elements_Polymer 1.x

Polymer 1.x：如何删除纸张对话框中纸张菜单中的空白？我想要这个。。。

polymer

Polymer 1.x：如何删除纸张对话框中纸张菜单中的空白？我想要这个。。。,polymer,polymer-1.0,paper-elements,polymer-1.x,Polymer,Polymer 1.0,Paper Elements,Polymer 1.x,下面是一个纸质对话框实现。它在dialog元素的顶部和底部包含空格。我想消除空白如何实现这一点？您的CSS混合（--paper menu）应该在规则内声明（当前在任何规则之外）。我会将其移动到纸质菜单中规则： paper-menu { margin: 0 !important; padding: 0 !important; } 仅供参考，该空格来自 <!doctype html> <head> <meta charset="utf-8">

下面是一个

纸质对话框

实现。它在dialog元素的顶部和底部包含空格。我想消除空白

如何实现这一点？

您的CSS混合（

--paper menu

）应该在规则内声明（当前在任何规则之外）。我会将其移动到

纸质菜单中

规则：

paper-menu {
  margin: 0 !important;
  padding: 0 !important;
}

仅供参考，该空格来自

<!doctype html>
<head>
  <meta charset="utf-8">
  <base href="https://polygit.org/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="paper-menu/paper-menu.html" rel="import">
  <link href="paper-item/paper-item.html" rel="import">
</head>
<body>

<dom-module id="x-element">

<template>
  <style>
    --paper-menu {
      margin: 0 !important;
      padding: 0 !important;
    }
    paper-menu {
      padding: 0 !important;
    }
    paper-item:hover {
      background-color: red;
    }
    paper-item {
      --paper-item: {
        cursor: pointer;
        margin: 0;
      };
    }
  </style>

  <paper-menu>
    <paper-item>Item 1</paper-item>
    <paper-item>Item 2</paper-item>
    <paper-item>Item 3</paper-item>
  </paper-menu>

</template>

<script>
  (function(){
    Polymer({
      is: "x-element",
      properties: {},
      show: function() {
        this.$.dia.open();
      }
    });
  })();
</script>

</dom-module>

<x-element></x-element>

</body>

paper-menu {
  margin: 0 !important;
  padding: 0 !important;
}