如何在 Android 上删除 Nativescript CardView 中的按钮边框?
How to remove button borders inside Nativescript CardView on Android?
我在移除 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="" class="Material btn" row="1" col="0" ></Button>
<Button text="" class="Material btn" row="1" col="1" ></Button>
<Button text="" 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;
}
好的,所以它与 CardView 无关。 Android 5.1 (Lollipop)+ 上的按钮
用你的 class 试试这两条规则,它会起作用。您也不需要 border-color: transparent
。
border-width: 0.1;
background-color: transparent;
对于当前版本的 NativeScript,0.1-hack 不再有效。相反,将边框设置为 1 并使其透明或匹配 background-color:
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
我在移除 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="" class="Material btn" row="1" col="0" ></Button>
<Button text="" class="Material btn" row="1" col="1" ></Button>
<Button text="" 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;
}
好的,所以它与 CardView 无关。 Android 5.1 (Lollipop)+ 上的按钮
用你的 class 试试这两条规则,它会起作用。您也不需要 border-color: transparent
。
border-width: 0.1;
background-color: transparent;
对于当前版本的 NativeScript,0.1-hack 不再有效。相反,将边框设置为 1 并使其透明或匹配 background-color:
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