Používam tento JQuery pre grafické sady rádiových tlačidiel, ale chcete vedieť, ako by som mohol zmeniť farby pozadia tlačidiel?
Chcel by som vedieť, ako zmeniť všetky pozadie teba (štandardné, vznášajúce sa, začiarknuté)
Chcel by som vedieť, ako zmeniť veľkosť balení súprav gombíkov.
Môže mi niekto povedať?
<!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>
odpovede:
0 pre odpoveď č. 1Prieskumník DOM v nástrojoch prehliadača F12 je váš priateľ.
Ak používate štandardné jQueryUI, vstupy sa vygenerujú do a buttonset zavedením nových ovládacích prvkov na svoje miesto. Farba pozadia buttonset je vlastne pozadie nového label, z ktorého pochádza css jquery-ui.css (alebo jquery-ui.min.css) a použité triedy, ktoré ovplyvňujú farbu pozadia, sú zvyčajne
- .ui-state-default
- .ui-widgetu-content
- .ui-widgetu-header
Výberom ovládacieho prvku v prieskumníkovi DOM ste vyvidieť, z ktorých tried sú použité az ktorých súborov .css pochádzajú. Funguje aj pri umiestnení kurzora myši alebo vybratí. Stačí otvoriť .css, ctrl + f, aby ste našli správne triedy a zmenili hodnotu.
Choďte hľadať a vyladiť.