Need some help with this: 19. You should use the :checked pseudo-class on radio buttons to tchange the text color of the associated label when the option is selected.
My code seems to be the same as the FCC Youtube and I did a ctrl/f5 and resubmitted. Thanks in advance.
Your code so far
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36
Challenge Information:
Build a Job Application Form - Build a Job Application Form
Please update the message to include your code. The code was too long to be automatically inserted by the help button.
There are two ways you can format your code to make it easier to read and test:
After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)
Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.
To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:
There are two ways you can format your code to make it easier to read and test:
After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)
Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.
To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:
I did not use the “.radio-group” part and it passed. There is only one radio button group, so it works. But if there are more than one radio button group and you want to style them differently, then your way would be better, I think. Although having a consistent formatting may be considered better.
There are two ways you can format your code to make it easier to read and test:
After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)
Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.
To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:
So for the job applications form, you just need a few images, 2 - 3 text boxes to explain the job, the actual form to fill out with text field boxes and text. Then that information to be able to send to your gmail or other database?
Please create your own topic when you have specific questions about your own challenge code. Only respond to another thread when you want to provide help to the original poster of the other thread or have follow up questions concerning other replies given to the original poster.
The easiest way to create a topic for help with your own solution is to click the Help button located on each challenge. This will automatically import your code in a readable format and pull in the challenge URL while still allowing you to ask any question about the challenge or your code.
To google: Will this code allow the associated label to turn green when checked?
From the google search:
Yes, this code will successfully turn the label’s text green when its associated radio button is checked.
Why it works
The + is the adjacent sibling combinator in CSS. It targets the element that immediately follows the element in your HTML. Because your labels come directly after their respective inputs, the color: green; style is applied perfectly.View
From Frank: When I run the code and get visual help I’m told that the label is NOT changing to green when checked. So, there’s a problem somewhere.
Although I use vscode and copy from there into the editors I’m providing code copy/pasted from the FCC editors for your clarity. I’m not using ellipsis between html and css because I’m building this from where I first copied into a word document and previously when I pasted from there the ellipsis caused a truncation.
Availability:
Full Time
Part Time
The following code was moved to the end of the CSS editor.
I understand it may not be as easy, but it would be great if you could put your code in a code block so that it stays formatted as code, instead of the html being rendered
to create a code block, you should be able to use Ctrl+E before pasting your code. Or alternatively, while having all the code selected after having pasted it
FrankHogsed
located on each challenge. This will automatically import your code in a readable format and pull in the challenge URL while still allowing you to ask any question about the challenge or your code.