如何在複合背景上設置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

回答