如何在Android上删除Nativescript CardView中的按钮边框？

Question

我在使用Nativescript-CardView插件内的按钮删除边框时遇到一些困难。

HTML

<CardView #item elevation="50" margin="10">
    <GridLayout rows="auto, auto, auto" columns="*, *, *">
        <Image src="~/images/shop.jpg" stretch="aspectFit" colSpan="3" row="0" ></Image>
        <Button text="&#xE88E;" class="Material btn" row="1" col="0" ></Button>
        <Button text="&#xE8CC;" class="Material btn" row="1" col="1" ></Button>
        <Button text="&#xE530;" class="Material btn" row="1" col="2" ></Button>
     </GridLayout>
</CardView>

CSS

.btn {
  font-size: 20;
  margin:4;
  border-color: transparent;
  border: 0;
  border-width: 0;
  border-style: none;
  background-color: transparent;
  padding:5px;
}

Answer 1

好吧，这与CardView无关。只需按Android 5.1（Lollipop）+上的按钮即可 在课堂上尝试这两个规则，它会起作用。您也不需要border-color: transparent。

border-width: 0.1; background-color: transparent;

Answer 2

在当前版本的NativeScript中，0.1 hack不再起作用。而是将边框设置为1，使其透明或与背景颜色匹配：

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

有关更多信息，请参见此处：https://github.com/NativeScript/NativeScript/issues/2626#issuecomment-261493611