HTML5 Customized get_string_async()


Hey guys, just spent some time customizing the default get_string_async() dialog box, then tried get_string() and it uses the browsers default input box, a much better method!

-Any reason why we shouldn't use get_string()?
(apart from being synchronous & the manual warning us not to)

Anyway here is what the default get_string_async() dialog box looks like:

And then after I edited it to look more like Google Chrome's box:

And the browsers built-in textbox:

If anyone wants my code for get_string_async(), edit the .index file generated by GameMaker and before the closing </style> tag, put this CSS code:

div.gm4html5_login {
 border: solid 1px;

#gm4html5_input_ID {
background-color: #f2f2f2;
box-shadow: none;
border-radius: 1px; border-color:#999999;
min-width: 180px;
    #gm4html5_input_message_id {
color: #0d0d0d;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;

input[type=button] {
    border: 1px solid #0073e6;
    color: white;
    background: #3399ff;
    padding: 5px 15px;
    border-radius: 3px;
input[type=button]:hover {
    background: #80bfff;
input[type=text] {
margin-top: 10px;
 padding: 5px 5px;
width: 97%;
div.gm4html5_cancel_button {
margin-left: 10px;
margin-top: 10px;
float: right;

div.gm4html5_login_button  {
margin-left: 10px;
margin-top: 10px;
float: right;

#gm4html5_input_cancel_button_id {
 color: black;
 background: #f2f2f2;
 border: 1px solid #cccccc;
#gm4html5_input_cancel_button_id:hover {
 background: white;

Edit: Hmm, seems like using get_string() , changing tabs away from your game and then changing back makes the whole game black and unresponsive. Doesn't happen with get_string_async().