0
我使用iCheck風格我的檢查和收音機框。我想讓收音機的背景變成白色。目前,它的透明,看起來像這樣:iCheck射頻盒與白色背景
我想這可能是編輯blue.png圖像
,併到後臺,從透明變爲白色是個好主意。但現在,收音機箱子不再圓滑了。這是現在的樣子:
有沒有更簡單/更好的辦法來改變背景爲白色?我真的需要編輯blue.png嗎?
這裏是產生圖像的代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="/resources/vendor/icheck-1.x/skins/square/blue.css">
<style>
span{
margin-left: 10px;
color:#FFF;
}
label{
background-color: #08C;
border-radius:20px;
padding: 20px;
display: inline-block;
}
</style>
</head>
<body>
<label for='name' >
<input type="radio" name='name' id='name'><span>Select this name</span>
</label>
</body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/resources/vendor/jQUery/jquery-1.11.2.min.js"><\/script>')</script>
<script src='/resources/vendor/icheck-1.x/icheck.js'></script>
<script>
$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-white',
increaseArea: '20%', // optional
});
});
</script>
</html>
編輯下面是修改blue.png
您也可以下載壓縮前的圖像here。
你有一個現場演示的地方? – Frutis
@Frutis對不起,我在本地桌面上使用XAMPP。我無法設置jFiddle,因爲我不知道如何導入icheck依賴關係。 – Adam
你可以上傳你修改過的blue.png並添加到問題中嗎? –