First, I would like to thank this forum for all the valuable tips and tricks given over time.
Just by reading and trying out the answers I learned a lot.
Now my question. I’m working with materialize framework (and I love it!) in SD4.
In my current project I have built a small form. To adjust this form to the design of the complete website I’m making, I override some default styles defined in materialize.ccs.
But, one of these defaults I cannot identify. I don’t know how to change the color of the checkbox, when it is ‘checked’.
To see what I mean, please look at the form: https://sikkes.de/testform/
The checked checkbox in the left bottom corner turns teal. I would like to have it yellowish orange as the rest of the form objects. Any suggestion?
Materialize and Form - Post ID 288483
noname
Registered User
60 posts
Eric Rohloff
Senior Advisor
20,188 posts
Hi Rene,
It's in the materizie.inm.css.
You can add a custom style sheet link to your head area and override it.
It's in the materizie.inm.css.
[type="checkbox"]:checked + span:not(.lever)::before{
border-right: 2px solid #26a69a;
border-bottom: 2px solid #26a69a;
}
border-right: 2px solid #26a69a;
border-bottom: 2px solid #26a69a;
}
You can add a custom style sheet link to your head area and override it.
[type="checkbox"]:checked + span:not(.lever)::before{
border-right: 2px solid yellow;
border-bottom: 2px solid yellow;
}
border-right: 2px solid yellow;
border-bottom: 2px solid yellow;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
noname
Registered User
60 posts
Perfect. That works fine.
Thank you, Eric!
Thank you, Eric!
Twinstream
Registered User
811 posts
René, I love your work !
Bootstrap 5 CSS Grid.
Hennie
Registered User
161 posts
René, nice minimalistic website !
Did you notice the overflow at the bottom of your news page?
Did you notice the overflow at the bottom of your news page?
Eindhoven :: Netherlands
It's easy to see, once you see it.
It's easy to see, once you see it.
noname
Registered User
60 posts
Thanks, Twinstream.
Hi Hennie. Yes, I know. I just wanted to show this forum the form only.
Ofcourse it is embedded in a more complete website.
If you are corious and want to have a sneak preview at my work-in-progress, you are welcome to take a look here:
https://sikkes.de/testrkb/
Hi Hennie. Yes, I know. I just wanted to show this forum the form only.
Ofcourse it is embedded in a more complete website.
If you are corious and want to have a sneak preview at my work-in-progress, you are welcome to take a look here:
https://sikkes.de/testrkb/
Ernie Hodge
Registered User
895 posts
Very nice design.
A Rose is Just a Weed in a Corn Patch!
noname
Registered User
60 posts
O, I misunderstood you, Hennie. you were looking at my own website.
No, I don't see an overflow. What do you mean?
Vriendelijke groet uit het Ruhrgebiet.
No, I don't see an overflow. What do you mean?
Vriendelijke groet uit het Ruhrgebiet.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
