coolx.net 문학중년

COOLX World

6,875,106 th visitor since 2017.2.1 ( Today : 4328 )

Programming

No.

801

Name.

swindler

Subject.

FireFox input required 빨간색 테두리 문제

Main Cate.

CSS

Sub Cate.

Date.

2018-03-22 10:07

Hit.

4175 (125.131.199.20)

File.

<input type="text" name="example" value="This is an example" required />

FireFox 에서 알아서 체크를 하는 바람에,
email 형태로 입력하지 않으면 빨간색 테두리를 만든다.

따라서 다음과 같은 부분이 필요함

input:required {
box-shadow:none;
}
input:invalid {
box-shadow:0 0 3px red;
}

[바로가기 링크] : http://coolx.net/cboard/develop/801


swindler	별 쓸데도 없겠구만, 귀찮은 기능을 만들었구만.	2018-03-22


[Modify] [Delete]		[Reply] [List]