删除按钮边框 - nativescript答案

【问题标题】：Remove button borders - nativescript删除按钮边框 - nativescript
【发布时间】：2016-07-24 07:07:00
【问题描述】：

我正在尝试删除注册按钮的边框

#register{
   background-color: transparent;
   border-color: transparent;
   border: 0;
   border-width: 0;
}

border 属性似乎在 nativescript 样式 docs 中不受支持，当我使用 border-radius: 1 时，边框令人绝望。

平台：android (5.0.2) 和 {N} 1.7.1

【问题讨论】：

标签： android css nativescript

【解决方案1】：

我认为@Delino 提到的有一点。

NativeScript 中按钮的边框和背景颜色取决于按钮的 zIndex。所以我相信，要移除边框，我们必须指定索引。

border-width: 0;
border-color: black;
z-index: 0;

如果需要更改或删除背景，请使用 zIndex。

【讨论】：

【解决方案2】：

我觉得你应该试试这样的。

.btn-nostyle {
    background-color: transparent;
    border-width: 0,
    z-index: 0;
}

【讨论】：

我相信border-width:0 是一个更好的解决方案。
@yukashimahuksay 谢谢那是sn-p的更新。
但是将宽度设置为零和颜色都设置为透明是没有意义的，为什么要为不可见的东西设置颜色？
但是你怎么知道我是兄弟？:))
幸运的猜测，但如果你不是，我会死的。

【解决方案3】：

background-color: rgba(255, 0, 0, 0.0);
border-color:rgba(255, 0, 0, 0.0);
border-width: 1;

以上是截至 2017 年 6 月解决此问题的新方法。感谢 tsonevn。

见https://github.com/NativeScript/NativeScript/issues/2626

【讨论】：

【解决方案4】：

我已经测试了一个带有您的样式的按钮，并且可以毫无问题地删除边框。您能否指定您在哪个平台和 {N} 版本上遇到此问题！？ Button 的 background-color 样式将删除here 所述的默认材料设计样式，并且抗锯齿边框已在 {N} 的 1.7.0 版本中修复，因此 border-radius: 1 应该可以正常工作。

在 CSS 中如下代码

border : 0 solid black

与 {N} 和 CSS 中的以下内容相同

 border-width : 0 
 border-color: black;

（默认边框类型为solid）

因此您可以在不使用简写的情况下应用按钮样式（边框：0 纯黑色；）

【讨论】：

平台：android 设备 (5.0.2) & {N} 版本：1.7.1