HTML5 - 어떻게 CSS이 검증 메시지에 대한 간단한 사용자 정의 폭을 aply하는 메시지

Question

나는 (어떤 결과) 시도하고를 검증하기 위해 aply합니다 : 어떻게

할 수 있습니까?

UPDATE : 나는 말한다 메시지를 의미한다 "Please select an item from the list는"우리는, 기본적으로 width=100px있다 supose 수 있습니다. 이 기본 너비를 300px으로 어떻게 바꿀 수 있습니까?

Answer 1

이 질문은 답변되었습니다. 대답은 here입니다. 쉬운 액세스를 위해 필요한 코드는 다음과 같습니다.

::-webkit-validation-bubble 

::-webkit-validation-bubble-arrow-clipper 

::-webkit-validation-bubble-arrow 

::-webkit-validation-bubble-message 

이것은 Chrome의 스타일링 구현이지만 공식적으로 표준이 아닙니다. 따라서 자신의 팝업을 만드는 것을 고려하십시오.

당신이 무엇을 기대 당신이 이미 시도하고 어떤 결과 추가를 고려하시기 바랍니다 거품의

---

설정 내용.

$(document).ready(function() { 
    var elements = document.getElementsByTagName("INPUT"); 
    for (var i = 0; i < elements.length; i++) { 
     elements[i].oninvalid = function(e) { 
      e.target.setCustomValidity(""); 
      if (!e.target.validity.valid) { 
       e.target.setCustomValidity("This field shouldn't be left blank/please select an option!"); 
      } 
     }; 
     elements[i].oninput = function(e) { 
      e.target.setCustomValidity(""); 
     }; 
    } 
})