2016-08-03 11 views
0

Nativescript-CardViewプラグインの中にあるボタンの枠線を削除するのに問題があります。AndroidのNativescript CardViewでボタンの枠線を削除するにはどうすればよいですか?

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

答えて

3

は大丈夫そう、それはCardViewに関連する何もありません。 Android 5.1のちょうどボタン(Lollipop)+ あなたのクラスでこれら2つのルールを試してみるとうまくいきます。これにはborder-color: transparentも必要ありません。

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

+1

border-width:0.1トリックをしました! – Misha

関連する問題