
๊ธฐ์ ์คํ/HTML5
iOS์์ input์ ์ ์ฉ๋ shadow ํจ๊ณผ ์ ๊ฑฐํ๋ ๋ฐฉ๋ฒ (Remove iOS input shadow)
iOS์์ input ํ๊ทธ์ ์์ ๊ฐ์ด shadow ํจ๊ณผ๊ฐ ์ ์ฉ๋๋ ์ ์ ํ์ธํ๊ฒ ๋์์ต๋๋ค. iOS์์ input ํ๊ทธ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ์ฉ๋ shadow ํจ๊ณผ๋ฅผ ์ ๊ฑฐํ๊ธฐ ์ํด์๋ CSS ์์ฑ ์ค์ appearance ์์ฑ์ ์ ๊ฑฐํจ์ผ๋ก์จ input ํ๊ทธ์ ์ ์ฉ๋ shadow ํจ๊ณผ๋ฅผ ์ ๊ฑฐํ ์ ์์ต๋๋ค. appearance ์์ฑ ์ ์ฉ ์์๋ ์๋์ ๊ฐ์ต๋๋ค. ์์์ฝ๋ input[type=text] { /* Remove First */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } appearance ์์ฑ์ด ๋ฌด์์ธ์ง ์๊ณ ์ถ๋ค๋ฉด ์๋๋ฅผ ์ฐธ๊ณ ํ์ธ์. appearance (-moz-appearance, -webkit-appearance)..