Help with CSS Styles For Buttons or Buttonset
There seems to be quite a lot of code in the three css files. I'm trying to build a button set (3 actually). I was able to do this much. The code is below (assume there is html and a question for each one. Answers are "yes" or "no" for each of the questions. "No" is the default. All this works. I need help with the CSS below.
<link rel="stylesheet" href="jquery-ui.css">
<link rel="stylesheet" href="jquery-ui.theme.css">
<link rel="stylesheet" href="jquery-ui.structure.css">
<script src="jquery1.10.2.js"></script>
<script src="jquery-ui.js"></script>
<script>
$(function() {
$( "#Question1" ).buttonset();
$( "#Question2" ).buttonset();
$( "#Question3" ).buttonset();
});
</script>
<div id="Question1">
<input type="radio" id="No1" name="Question1" checked="checked">
<label for="No1">No</label>
<input type="radio" id="Yes1" name="Question1">
<label for="Yes1">Yes</label>
</div>
<div id="Question2">
<input type="radio" id="No2" name="Question2" checked="checked">
<label for="No2">No</label>
<input type="radio" id="Yes2" name="Question2">
<label for="Yes2">Yes</label>
</div>
<div id="Question3">
<input type="radio" id="No3" name="Question3" checked="checked">
<label for="No3">No</label>
<input type="radio" id="Yes3" name="Question3">
<label for="Yes3">Yes</label>
</div>
My problem is I need to style them differently and I can't get what I need fooling around with the long style sheets. I want the corners rounded on the ends of the buttons. Meaning the left button will have border-top-left-radius: 6px; border-bottom-left-radius: 6px; and the right button will have border-top-right-radius: 6px; border-bottom-right-radius: 6px; and I want the buttons styled as follows.
The selected button:
background: #2B2B2B; font-weight: normal; color: #FFFFFF; border: 1px solid #2B2B2B;
The unselected button:
background: #E4E4E4; font-weight: normal; color: #BDBDBD; border: 1px solid #BDBDBD;
There just seems to be way too many styles in the style sheets to decipher it. I've wasted 8 hours just fooling with them. Please help.