- This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi guys!
I’m trying to learn this technique: http://lea.verou.me/2011/05/rule-filtering-based-on-specific-selectors-support/
But I’m getting this weird result:
http://jsfiddle.net/ua2rE/
Can you guys help me?
Why are you using the ‘not’ selector?
I’m not getting what it is you are trying to achieve.
It’s like the usage of #foo in the first url. I saw it here: http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/
What I’m trying to achieve is to transform my radio buttons into squares with those 2 images as backgrounds in the 2 states: checked and unchecked.
The why not just use the the type=radio selector?
input[type=”radio”]
http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/#input_checkbox_radio
From the last url I gave you:
:not(#foo) > is a rule filter to block browsers
that don’t support that selector from
applying rules they shouldn’t
You’re example just change colors and size for radio and checkbox inputs.
The problem is that I’m trying to make my radio buttons look like checkboxes (squares) and the technique I found to do it was the one I’m trying to implement.
…but if the brower doesn’t support
input[type=”radio”]
then it will ignore it anyway….won’t it?
…and
:not(#foo)
will ignore elements with that ID which has nothing to do with input types.
…but perhaps I’m missing something. I couldn’t find any reference to `:not` in the linked article.
Found these which might help:
http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
Again, the reference to :not is here, point 3 (CSS code): http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/.
Those links just change color and size, not shape.
I got the style right but the buttons aren’t function.
http://jsfiddle.net/ua2rE/1/
Any ideas?