Edit in JSFiddle

<form>
    <input type="email" placeholder="Ingrese su correo electrónico." required>
    <input type="submit" value="Enviar">
</form>    

input[type=submit] {
    background: #555;
    color: #F1F1F1;
    border: 1px solid #000;
    text-transform: uppercase;
    cursor: pointer;
}

input[type=submit]:hover {
    background: #333;
}

input {
    border: 1px solid #BDBDBD;
    padding: 6px 14px;
    width: 40%;
    display: block;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

::-webkit-validation-bubble {
    background: red;
}
::-webkit-validation-bubble-arrow-clipper {
    background: green;
}
::-webkit-validation-bubble-arrow {
    background: yellow;
}
::-webkit-validation-bubble-message {
    background: blue;
}