去除聚合物核心支架中的褪色

时间:2015-01-12 10:11:41

标签: html css polymer

我一直在使用MeteorJS和Polymer集成。我已经完成了一些代码但是我在设计方面非常差,尤其是CSS。知道我怎么能删除红色框中的淡入淡出?我可以改变背景颜色,但我不知道如何消除褪色。

enter image description here

我正在使用以下代码作为流星模板:

<template name="default_template">
<head>
  <title>agus</title>
  <link rel="import" href="bower_components/paper-checkbox/paper-checkbox.html">
  <link rel="import" href="bower_components/paper-input/paper-input.html">
  <link rel="import" href="bower_components/paper-input/paper-decorator.html">
  <link rel="import" href="bower_components/paper-input/paper-autogrow-textarea.html">

  <link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
  <link rel="import" href="bower_components/core-menu/core-menu.html">
  <link rel="import" href="bower_components/core-item/core-item.html">
  <link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
  <link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">
  <link rel="import" href="bower_components/core-scaffold/core-scaffold.html">
</head>

<body>
  <core-scaffold>
    <core-header-panel navigation flex>
      <core-toolbar id="navheader">
        <span>Menu</span>
      </core-toolbar>
      <core-menu>
        <core-item label="Profile" id="mnuItemProfile"></core-item>
        <core-item label="Dashboard" id="mnuItemDashboard"></core-item>
      </core-menu>
    </core-header-panel>

    <span tool>Agus System</span>

    <div class="content">
      {{> yield}}
    </div>
  </core-scaffold>
</body>
</template>

我的CSS只会改变颜色。删除淡入淡出的任何建议(css)?

2 个答案:

答案 0 :(得分:1)

使用&#34; seamed&#34; core-header-panel中的<core-header-panel mode="seamed"></core-header-panel> 模式:

{{1}}

答案 1 :(得分:0)

您可以在要更改背景颜色的元素上将box-shadow设置为none,所以

box-shadow: none;

希望得到这个帮助。