๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

toggle1

~ + ์ธ์ ‘ ํ˜•์ œ ์„ ํƒ์ž๋ฅผ ์ด์šฉํ•œ No javascript ํ† ๊ธ€ ์ƒ์„ธ๊ฒ€์ƒ‰ ํ™”๋ฉด CSS๋งŒ์œผ๋กœ ํผ๋ธ”๋ฆฌ์‹ฑํ•˜๊ธฐ ~ + ์ธ์ ‘ ํ˜•์ œ ์„ ํƒ์ž๋ฅผ ์ด์šฉํ•œ No javascript ํ† ๊ธ€ ์ƒ์„ธ๊ฒ€์ƒ‰ ํ™”๋ฉด CSS๋งŒ์œผ๋กœ ํผ๋ธ”๋ฆฌ์‹ฑํ•˜๊ธฐ ์ƒ์„ธ๊ฒ€์ƒ‰ ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ ์ƒ์„ธ ๊ฒ€์ƒ‰์šฉ ์˜ต์…˜๋“ค์ด ๋ณด์—ฌ์ง€๊ณ , ์ƒ์„ธ๋ฒ„ํŠผ์„ ๋‹ค์‹œ ํ•œ๋ฒˆ ๋ˆŒ๋Ÿฌ์„œ ํ† ๊ธ€ํ•˜๋ฉด ์ƒ์„ธ๊ฒ€์ƒ‰์ด ์‚ฌ๋ผ์ง€๋Š” ๊ฒƒ์„ ๊ตฌํ˜„ํ•˜๋ ค๋ฉด ๋ณดํ†ต์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์“ธ ์ˆ˜ ๋ฐ–์— ์—†๋‹ค. ํ•˜๋‹ค๋ชปํ•ด ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ํ•˜๋”๋ผ๋„, ๊ฐ„๋‹จํ•œ ํ† ๊ธ€ ํ•จ์ˆ˜๋ฅผ ์ ์šฉํ•ด์•ผ๋งŒ ํ•œ๋‹ค. ํ•˜์ง€๋งŒ ์Šคํƒ€์ผ ์ฒดํฌ๋ฐ•์Šค๋ฅผ ์‘์šฉํ•˜๋ฉด, ์Šคํฌ๋ฆฝํŠธ์˜ ๋„์›€์—†์ด ์ƒ์„ธ ๊ฒ€์ƒ‰ ํ† ๊ธ€์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ์›๋ฆฌ๋Š” checkbox์˜ ์ธ์ ‘ ์—˜๋ ˆ๋จผํŠธ์— ์ƒ์„ธ๊ฒ€์ƒ‰ ์˜์—ญ์ด ๋†“์ด๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. input[type="checkbox"]+ ์„ ํƒ์ž๋Š” ์ธ์ ‘ํ˜•์ œ ์„ ํƒ์ž๊ธฐ ๋•Œ๋ฌธ์—, label_text์— ์–‘๋ณดํ•˜๊ณ , input[type="checkbox"]~ ํ˜•์ œ์„ ํƒ์ž๋ฅผ ์ด์šฉํ•ด์„œ .styledBt.. 2019. 8. 16.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”