HTML5 Formular-Validierung Fehlermeldung

Question

Die Fehlermeldung wird zu weit auf der rechten Seite angezeigt, während Sie auf this picture der Validierung Fehlermeldung sehen

<%= form_for @listing do |f| %> 
<div class="row"> 
<div class="col-md-12 select"> 
<div class="form-group"> 
<label>お家の種類</label> 
<%= f.select :home_type, [["一軒家","一軒家"], ["マンション","マンション"], ["アパート","アパート"]], {prompt:"選択してください"}, {required: 'true', autofocus: 'true', class: 'form-control'} %> 
</div> 
</div> 
</div> 
<br> 
... 

<div class="actions"> 
<%= f.submit "Save", class: "btn btn-danger" %> 
</div> 
<% end %> 

Wie soll ich die html5 die Validierungsnachricht Position beheben?

Answer 1

Sie können die Positionierung oder Formatierung dieser Fehlerballons nicht steuern. Sie sind in den Browser integriert. Die Spezifikation spezifiziert nicht ihr Aussehen oder ihren Standort.