如何禁用聚合物纸元素中的波纹效应?

Hei*_*erg 3 cordova polymer material-design paper-elements

我正在为移动设备编写一个Web应用程序polymer,它将被打包使用phonegap以在Android设备上运行.我正在使用聚合物paper-tabscore-animated-pages显示切换效果.在设备上,除了ripple effect标签触摸外,一切运行良好.它使整个事物看起来很丑陋而且很迟钝.如何在纸张标签(以及最终每个其他纸张元素)中禁用涟漪效果?

我尝试将noink属性设置true为纸质标签源,如下所示,但它无法正常工作.

 Polymer('paper-tabs', {

/**
 * If true, ink ripple effect is disabled.
 *
 * @attribute noink
 * @type boolean
 * @default false
 */
noink: true,
Run Code Online (Sandbox Code Playgroud)

ebi*_*del 12

您可以noink在具有涟漪效果的元素上使用该属性将其关闭:

<paper-button noink>No ink!<paper-button>
<paper-tabs noink>...<paper-tabs>
Run Code Online (Sandbox Code Playgroud)

AFAICT,第一个可能不会工作,直到下一个聚合物发布纸张按钮.它确实适用于主人,但如果你想在边缘流血.

  • 如果你想在一个部分中禁用所有ui元素的涟漪,看起来也可以使用CSS来设置样式:`#no-ripple paper-ripple {color:rgba(0,0,0,0); }或页面宽:`html/deep/paper-ripple {color:rgba(0,0,0,0); }` (3认同)