All Questions
1,797
questions
0
votes
2
answers
44
views
Managing checkbox states in a JavaScript array without impacting other checkboxes
I have multiple checkboxes, and each checkbox is assigned either value="0" or value="1". I want to check each checkbox; if a checkbox has value="0", the text color of ...
-1
votes
1
answer
59
views
Too much clickable space around checkbox [closed]
I'm building a to-do list website and for some reason all the tasks created have too much space around the checkbox. screenshot of the tasks added.
I tried styling the checkbox to have 0 padding, 0 ...
- 11
1
vote
2
answers
73
views
Why do my checkboxes and radio buttons have weird spacing?
I'm just getting started with HTML and CSS (via freeCodeCamp) and struggle with my first certification project: building a survey form. Everything went well up to the point where I needed to add ...
- 13
0
votes
1
answer
36
views
Checkbox PROP Change Then a Function
What i am trying to do is give the checkbox a function when i change the PROP of it with the Range Slider.
You Can click the checkbox and it works but not when the range slider changes the PROP
This ...
- 9
-1
votes
1
answer
61
views
Can I style a checkbox with unicode chars w/o using ::before and ::after?
I'd like to replace the content of my checkbox with the unicode checkbox marks. But I already need ::before and ::after for something else. Is there a css-way to change content on the tag itself?
Edit:...
- 1,682
-1
votes
1
answer
116
views
Adding a Checkable Star in place of a checkbox
I want to add a star in place of a checkbox that is yellow when checked and grey when unchecked. I can't figure it out for the life of me. I removed any of my original testing to get the base checkbox ...
- 1
0
votes
0
answers
12
views
CSS: Why won't my dropdown display change when checkbox is :checked? [duplicate]
I'm trying to set .hamburg-nav to display: block; using a checkbox with :checked.
If I hard-code .hamburg-nav as display:block then it appears perfectly.
If I click the checkbox, nothing appears to be ...
0
votes
1
answer
75
views
Checkbox symbol for a to do list in Javascript
I'm trying to create a to-do list application in JavaScript. Using HTML and CSS, I've created a checkmark button. The problem is that the checkmark button doesn't display when adding a new task, but ...
- 13
0
votes
2
answers
53
views
Change CSS content on checked checkbox
I have this header with a menu inside. I can open the menu when the checkbox is checked but I can't figure out how to solve that I want the CSS content to change from a hamburger menu to a close icon. ...
- 87
0
votes
1
answer
65
views
Color background of label with for attribute only when checkbox is checked CSS
There are a lot of examples of coloring All labels when a check box is checked. I need to color just a single label with a "for" attribute
I am trying:
input[type="checkbox"]:checked~...
- 332
0
votes
1
answer
380
views
Need checkbox with an x in it
I need a form with a bunch of checkboxes which would become a box with x in it if clicked. I have managed to create such a checkbox (it's a custom checkbox), but the x is not coming when I click it. ...
0
votes
1
answer
66
views
How to distinguish different checkboxes in html/css
I'm working on making a thumbs-up/thumbs-down functionality, where pressing the thumb-up icon will turn the icon green and pressing the thumb-down icon will turn the icon red. However, I don't think ...
0
votes
0
answers
62
views
CSS- How to align Checkbox and dropdown menu on same line when clicked?
In the code below there is a Checkbox "Allow", when I click on checkbox, the dropdown appears. Problem is they are not aligned. I want dropdown at on same line as Checkbox. How can I achieve ...
- 161
0
votes
1
answer
34
views
CSS issue, text and checkbox not aligned [closed]
I have an css style issue where textbox and the text are not alligned. Below is my code. I need help to fix this.
Thanks
<div>
<input
...
- 361
-1
votes
1
answer
240
views
Checkbox only visible when it is hovered or checked
'Requirement is onhover checkbox must be visible but onmouseout checked checkbox must be visible and unchecked checkbox must be invisible.My problem is Checkbox hovering function alone works but ...
- 93