删除按钮边框 - nativescript

Question

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

#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

Answer 1

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

Answer 2

我已经测试了一个带有样式的按钮，边框被删除没有问题。 你能指定你遇到这个问题的平台和{N}版本吗？ Button的样式背景颜色将删除所描述的here的默认材质设计样式，并且使用版本1.7.0 {N}修复了消除锯齿边界，因此border-radius：1应该按预期工作。

在CSS中使用以下代码

border : 0 solid black

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

 border-width : 0 
 border-color: black;

（默认情况下，边框的类型为实体）

因此，您可以在不使用简写的情况下应用按钮样式（border：0 solid black;）

Answer 3

我认为您应该尝试这样的事情。

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

Answer 4

我认为@Delino所说的有一点。

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

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

如果需要更改或删除背景，请使用zIndex进行相同操作。