suzie suzck
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| -webkit-appearance: none; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input type="checkbox" class="real-checkbox" name="checkbox" id="checkbox1" /> | |
| <label for="checkbox1"><span class="fake-checkbox"> X </span>Crushing</label> |
suzck
/ ifYouPreferSass
Last active
June 27, 2021 06:28
CSS only fix for select with rounded corners on OSX
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .select-list { | |
| position: relative; | |
| &:after{ | |
| content: "▼"; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| font-size: 60%; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* So first step is to hide your actual radio button because the browser won't let you hide the real thing */ | |
| input[type="radio"] { | |
| display:none; | |
| } | |
| /* Next specify a font size, 8px is comes out about the same size as a regular radio button */ | |
| .radio-stack{ | |
| font-size: 8px; | |
| } |