Как поменять цвет фона и галочки чекбокса (input checkbox)
Ответ:
Поменять цвет фона средствами css можно, но будет не то, что вы хотите.
Поменять цвет галочки средствами html и css - никак :) средствами графики и JavaScript - запросто.
Пример:
Листинг:
<script language="JavaScript" type="text/JavaScript">
<!--
var checkedImage = new Image();
checkedImage.src = 'checked.gif';
var uncheckedImage = new Image();
uncheckedImage.src = 'unchecked.gif';
function toggleRadio(imgObject, radioObject){
document.images['r1'].src='unchecked.gif';
document.images['r2'].src='unchecked.gif';
document.images['r3'].src='unchecked.gif';
if(imgObject.src.indexOf('unchecked.gif')!=-1){
imgObject.src='checked.gif';
radioObject.checked=true;
} else {
imgObject.src='unchecked.gif';
radioObject.checked=false;
}
}
//-->
</script>
<form name=form1 method=get target=_self action="#">
<input id=radio1 type=radio name=group1
value="1"
style="display: none"><img
name=r1 src="unchecked.gif"
onclick="toggleRadio(this,form1.radio1)">
<input id=radio2 type=radio name=group1
value="2"
style="display: none"><img
name=r2 src="unchecked.gif"
onclick="toggleRadio(this,form1.radio2)">
<input id=radio3 type=radio name=group1
value="3"
style="display: none"><img
name=r3 src="unchecked.gif"
onclick="toggleRadio(this,form1.radio3)">
<input type=submit value="Go-go-go!">
</form>
|
