Използвам тази JQuery за графични набори от бутони за радио, но искам да знам как мога да променя цветовете на фона на бутоните?
Бих искал да знам как да променя всички фонове на теб (Стандартен, задръжте, маркиран)
Бих искал да знам как да променя размера на кутиите на наборите с бутони.
Някой може ли да ми каже?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Button - Radios</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<script>
$(function() {
$("#radio").buttonset();
});
</script>
</head>
<body>
<form>
<div id="radio">
<input type="radio" id="radio1" name="radio">
<label for="radio1"><img src="/images/image1.gif" /></label>
<input type="radio" id="radio2" name="radio" checked="checked">
<label for="radio2"><img src="/images/image2.gif" /></label>
<input type="radio" id="radio3" name="radio">
<label for="radio3"><img src="/images/image3.gif" /></label>
</div>
</form>
</body>
</html>
Отговори:
0 за отговор № 1DOM explorer в F12 инструменти на браузъра е ваш приятел.
Ако използвате стандартния jQueryUI, входовете се генерират в a buttonset като извършвате нови контроли, които да заемат местата им. Цветът на фона на buttonset всъщност е фон на нов label, чийто css идва от jquery-ui.css (или jquery-ui.min.css) и приложените класове, засягащи цвета на фона, обикновено са
- .ui-state-default
- .ui-приспособление съдържание
- .ui-widget-header
Избирайки контролата в DOM-explorer, виеможе да види кои класове се прилагат и от какъв .css-файл идват. Също така работи, когато е наведен или избран. Просто отворете .css, ctrl + f, за да намерите правилните класове и да промените стойността.
Отидете да търсите и ощипвате.