5

I am using HTML5 validation "required" but bubble message is creating scrollbar in my screen because input field size is small and on right side.

So I want to change the bubble message to display left side to input field or change the style of it.

HTML5 Form

 <form>
  <input type="text" required value="" style="float:right"/>
  <input type="submit" value="Submit" />
</form>

http://jsfiddle.net/bhumi/4ty922h9/

How can I change the message display style?

Roberto Caboni
  • 7,252
  • 10
  • 25
  • 39
Bhumi Shah
  • 9,323
  • 7
  • 63
  • 104
  • I am worried to answer as we understood what you want. But it is hard to say unless you add some code. Use Jsbin.com and jsfiddle.net. This link http://stackoverflow.com/questions/16278114/right-side-align-without-float may not exactly fit you need but it gives some information on how to align the bubble message and also how they tried to put thier question using the jsbin. – user3278897 May 12 '15 at 05:51
  • No it is different, My issue is when field on right side,message is cut off. – Bhumi Shah May 12 '15 at 06:05

1 Answers1

4

Apparently all web-browsers don't allow customization for validation bubbles. Chrome used to but removed it. The only way to do something about it is to remove the bubble completely and make your own. This link may be of help.

David Prieto
  • 2,239
  • 4
  • 32
  • 51