웹아틀리에 - Web atelier

[CSS]<input type="number"/>의 버튼을 지우는 방법! 본문

IT-웹 Front end/CSS

[CSS]<input type="number"/>의 버튼을 지우는 방법!

네루펜 2016. 5. 3. 17:59

오늘의 CSS!


<input type="number" /> 를 쓰면서 버튼이 싫으신 분들은 그동안 고통스러우셨을꺼라고 생각합니다..(아닐수도 있습니다 ㅎㅎ)



저 버튼을 없애버리는 css를 들고 왔습니다.




input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


css에 이렇게 적어주시면 




이렇게! ㅎㅎ 깔끔하게 됩니다.

공유하기 링크
Comments