reset.css 인풋,버튼 태그의 배경 바꾸기와 placeholder 글자 색 바꾸기

😎 HTML과 CSS를 다룰때..

가장 짜증나는 부분은 reset.css를 적용시켜둬도
인풋, 버튼의 배경이나 placeholder는 color값을 변경해도 적용이 안된다는 것입니다.
해결방법은 의외로...간단해요

---

😎인풋,버튼 배경색 없애기

  border: none;
  background: transparent;

이런식으로..설정해주면 됩니다.

---

😎간단한 reset.css

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  color: white;
}

!

---

😎textarea 크기 조정 막아주기

textarea {
  resize: none;
}

resize 속성을 건드려주면 깔끔하게 해결됩니다.

---

😎placeholder 글자색변경하기

textarea::placeholder {
  color: blue;
}

placeholder {
  color: blue;
}

::placeholder의 형식으로 접근하고 변경해주면됩니다.
특정 요소의 placeholder만 변경하고 싶다면 앞에 특정요소::placeholder를 해주면 됩니다.

---