[CSS] input ์๋์์ฑ ๋ฐฐ๊ฒฝ ์์ ๊ธฐ ์๋์์ฑ ํฌ๋ช
/ input background transparent
๐จ๐ป๊ฐ๋ฐ/๐Front-End
2022. 1. 14. 12:48
์๋ก ๋ก๊ทธ์ธ ์ฐฝ ๊ฐ๋ฐ์ ํ๋ค๋ณด๋ฉด ๋ธ๋ผ์ฐ์ ์์ ์ง์ํ๋ ์๋์์ฑ ๊ธฐ๋ฅ ๋๋ฌธ์ ์ ๋จน๋ ๊ฒฝ์ฐ๊ฐ ์๋นํ ๋ง๋ค. ํนํ input์ ์๋ background ๊ฐ ์ ์ฒด์ ์ธ ํ๋ฉด์ ๋ฐธ๋ฐ์ค๋ฅผ ํด์น๊ธฐ ๋๋ฌธ์ ๊ผญ ์์ ํด์ฃผ๋ ๊ฒ์ด ์ข๋ค. CSS ํ์์ ๊ฒฝ์ฐ webkit ์์ ๊ฐ์ ธ์ค๋ ์์์ ์ง์ฐ์ํด์ผ๋ก ์ธํด ์ฝ๊ฐ์ ๊ผผ์๋ฅผ ๋ถ๋ ค ํด๊ฒฐํ๋ค. input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 9999s; transition-delay: 9999s; }