删除按钮边框 - 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

我已经用你的样式测试了一个按钮，并且没有问题地删除了边框。你能具体说明你遇到这个问题的平台和{N}版本吗！？ Button 的样式背景颜色将删除默认的 material 设计样式，如 here 所述，抗锯齿边框已在 {N} 的 1.7.0 版中修复，因此 border-radius: 1 应该作为受人尊敬。

在CSS下面的代码

border : 0 solid black

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

 border-width : 0 
 border-color: black;

（默认边框类型为solid）

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

Answer 2

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 3

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

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

Answer 4

我觉得@Delino 说的有道理。

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

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

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

删除按钮边框 - nativescript

Remove button borders - nativescript

css

android

nativescript