如何在复合背景上设置Ionic控件的样式

-1

我正在开发一个使用Ionic Framework的移动Web应用程序。如何在复合背景上设置Ionic控件的样式

此应用正在使用背景图片或svg渐变。

当我像显示的复选框和切换控制控件，该控件显示一个白色的大盒子里......

你们是否有这个造型的好得多的办法吗？

见我codepen：

CSS：

.scroll-content { 
    background: url('http://www.yosemitepark.com/Images/Fall_Medow_M-1.jpg'); 
}

HTML /离子CODE：

<div class="list list-inset"> 
    <ion-toggle>Toggle Control</ion-toggle> 
    <ion-checkbox>Checkbox Control</ion-checkbox> 
</div>

实测值的溶液被添加的α的背景。清单和.item像

CSS：

.list, .item { 
    background: rgba(0,0,0,0.1); 
    color: #fff; 
    border-color: rgba(255,255,255,0.2); 
}

见codepen

2016-02-02 23:52:24

回答