Styling cho <input yêu cầu ...> trong WebKit

Question

Xin hãy nhìn vào ví dụ này trong trình duyệt Chrome: http://jsfiddle.net/ymzTB/

<form> 
    <input required type = "text" > 
    <input type = "submit" > 
</form> 

Khi bạn rời khỏi đầu vào trống rỗng và chỉ cần bấm enter, bạn sẽ nhận được một thông như thế này: Please fill out this field. trông đẹp mắt.

Làm cách nào để tạo kiểu cho thư này trong WebKit và các trình duyệt khác, thay thế màu nền bằng màu đỏ hoặc đặt màu hoặc kích thước phông chữ thành màu khác?

Answer 1

Bạn có thể sử dụng sau pseudo classes:

::-webkit-validation-bubble{} 
::-webkit-validation-bubble-top-outer-arrow{} 
::-webkit-validation-bubble-top-inner-arrow{} 
::-webkit-validation-bubble-message{}