JQuery Validator의 errorClass가 입력 값을 정상보다 크게 만듭니다. 어떻게 고치는 지?

Question

안녕하세요, 나는 validator 플러그인으로 작업하는 것을 좋아하지만, 나는 그것을 배우면서 여전히 나의 필요에 따라 부분을 조작하는 법을 배우려하고 있습니다. 그래도 시원합니다. 그것은 그것을 사용했습니다 어떤 형태로 잘 작동하지만이 한 형태의 버그가 있습니다.

양식을 테스트 할 때 필수 입력란을 채우지 않으면 오류가있는 양식 입력란이 일반적으로 양식에 비해 넓어집니다. 크기 = "20"에서 크기 = "25"로 이동하는 것과 같습니다. 오류에 글꼴 크기를 강제로 내 자신의 CSS를 사용하여 시도했다 그러나 입력 된 상자를 동일한 크기를 유지하도록 강제로 할 수 없습니다. 문제의 페이지가 엄격한 폭 제한을 가지고 있으며이 문제는 템플릿 규칙을 위반하는 것입니다.

다음 CSS를 다양한 크기로 사용해 보았습니다. .error {color : # b31b1b; 글꼴 크기 : 13px; } 12px 입력 상자가 작아지면 13px 크기가 커집니다. em;을 사용하여 시도해 보았습니다.

누구나 입력 상자를 동일한 크기로 유지할 수있는 방법에 대한 아이디어가 있습니까?

감사, CSS를 사용하여 입력 JC--

Answer 1

그냥 설정 고정 폭,

#myForm input { width:200px; }

Answer 2

이 .error 클래스를 오버라이드 (override)보다 구체적인 CSS 셀렉터 있습니까 : 즉 그래서? 예를 들어 input.error과 같은 것이 있습니까?

Answer 3

이 모든 내용을 읽어 주셔서 감사합니다. 마침내 jquery 플러그인 css의 .error와 충돌하는 .error 클래스가 주 CSS 파일에 있음을 알았습니다. 유효성 검사 플러그인 (아래 참조)의 기본 설정을 사용하여 "오류"를 "js- 오류"로 변경했습니다. 그런 다음 .js 오류의 스타일을 지정하고 스크립트에 포함시키기 위해 또 다른 CSS 파일을 만들었습니다.

// 변경에는 .error가 된 .js 오류 할 $ (문서) .ready (함수() { jQuery.validator.setDefaults ({ errorClass "JS 오류" });

---

// JQuery와 - 검증 - plugin.css

label.js 오류 { 폰트 중량 굵게; 색상 : #의 b31b1b; } 의 .js 오류 { 색상 : #의 b31b1b;}

---

우리의 주요 CSS는에는 .error이 있었다

에는 .error { 글꼴 - 무게 : 굵게; 색상 : # b31b1b; font-family : arial, verdana, sans-seriff; }

양식 텍스트 상자의 폭이 넓어지는 글꼴 무게 및 글꼴 패밀리 스타일이라고 생각합니다.