테스트 사이트 - 개발 중인 베타 버전입니다

input 태그에 필드 입력 안했을 경우 빨간테두리 채택완료

졔짱 7년 전 조회 5,735

css에서 뭘 없애야하나요?...

아니면 색상을 바꾸고싶은데 어떤 소스를 건드려야할지.. 저 말풍선은 그대로 두고 테두리색상만 바꾸고싶어요

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

브라우저 기본값은 입력요소들에 :focus 되었을때 outline 값이 노출되도록 되어 있습니다.

기본적으론 푸른색이고요. 이를 디자인적으로 싫어하는 분들은 input {outline: 0}과 같이 없애기도 합니다.

 

해당요소가  처럼 required 선언이 되어 있다면 입력되지 않은 값이 있는 상태에서 전송을 하게 되면 값을 채우라고 강조하는데 브라우저 자체기능이기 때문에 표현방법이 다 다릅니다.

 

input:required {outline : 0;} 으로 변경해보세요.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

졔짱
7년 전
감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

7년 전

크롬 브라우저에서, 개발자 도구를 사용하면, (마우스 우클릭 > 검사 or F12)

 

해당 부분에 어떤 스타일이 적용되어 있고, 정의된 스타일 파일은 어디인지를 쉽게 파악할 수 있습니다.

 

개발자 도구 사용방법 참고글/영상입니다.

 

http://www.selfwordpress.net/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC%EB%A1%9C-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-css-%EC%88%98%EC%A0%95%ED%95%98%EA%B8%B0/">http://www.selfwordpress.net/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC%EB%A1%9C-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-css-%EC%88%98%EC%A0%95%ED%95%98%EA%B8%B0/

 

https://www.youtube.com/watch?v=OvrAKA-jsfE">https://www.youtube.com/watch?v=OvrAKA-jsfE

 

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

졔짱
7년 전
개발자도구는 이미 해봤습니다ㅠㅠ안나오네요...
그리고 익스플로러랑 크롬이랑은 다르게 나오네요...익스플로러는 저렇게 빨간테두리가되는데
크롬은 빨간테두리가 없습니다..ㅠㅠㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인