2016-08-03 18 views
0

Ich habe Schwierigkeiten beim Entfernen des Rahmens auf einer Schaltfläche, die sich im Nativescript-CardView-Plugin befindet.So entfernen Sie Schaltflächenränder in Nativescript CardView auf Android?

enter image description here

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; 
} 

Antwort

3

In Ordnung, so dass es nichts mit dem CardView verwandt ist. Just Tasten auf Android 5.1 (Lollipop) + Versuchen Sie diese beiden Regeln mit Ihrer Klasse und es wird funktionieren. Sie werden damit weder border-color: transparent brauchen.

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

+1

border-width: 0.1 hat der Trick! – Misha