更改按钮样式但保存默认行为 - NativeScript答案

【问题标题】：Change button style but save default behaviour - NativeScript更改按钮样式但保存默认行为 - NativeScript
【发布时间】：2016-02-20 15:10:45
【问题描述】：

我开始学习 NativeScript..

我有一个按钮，我想删除他的背景颜色，所以我尝试在 css 中添加：

background-color: transparent;

它的作品，但默认样式（如触摸效果）被禁用..

有没有一种方法可以更改按钮的特定样式属性而不会丢失所有其余效果？

谢谢你:)

【问题讨论】：

您确定要添加
我希望它看起来像这样：imgur.com/W3QQelq
听起来您希望对清晰的事物应用涟漪效应...
我不明白...

标签： javascript android nativescript

【解决方案1】：

如果您想要波纹效果和透明背景，目前看来是不可能的。在 Background-Color

上使用透明时，我会打开功能请求或进行 PR 修复样式器

【讨论】：

【解决方案2】：

设置按钮背景颜色以匹配父母的背景颜色。例如：页面 bg=blue，按钮 bg=blue，这样他将保留所有其他属性。

【讨论】：

【解决方案3】：

我已经设法通过将不透明度、z-index 和背景色应用于按钮来实现所需的功能 - wchich 允许在任何能够处理 onTap 事件的布局元素上产生漂亮的波纹效果和敲击声音

<AbsoluteLayout  width="40" height="60" >
<label top="8" style=" z-index:1;color:#ffffff;background-color:#D63F50;border-color:#d63f50; font-size:14" text="{{alerts_num}}" class="bubble-label"/>     
<button style="opacity:.8;z-index:-1;background-color:#ffcc33" width="45" height="60" />
<image stretch="aspectFit"  height="25" style="margin:20 10" src="~/images/ico_bell.png" />
</AbsoluteLayout>

Nativescript 版本。 2.0.0

【讨论】：