Gạch chân văn bản trong một <input> Hộp

Question

Tôi đã nhận được yêu cầu từ khách hàng để gạch dưới văn bản trong trường văn bản. Cả hai dòng đơn và kép.

Điều này có thể thực hiện được không? Tôi giả sử với một số plugin tối nghĩa nhưng tôi chưa tìm thấy nó. : P

Tôi đã nghĩ về việc có 2 khả năng, nếu điều này là có thể.

1. Gạch chân văn bản trong trường thực tế.
2. Thực hiện một số bản hack điên rồ với văn bản ngay bên dưới trường văn bản.

Cảm ơn bạn đã giúp đỡ và/hoặc bình luận.^_^

Answer 1

Các công trình sau đây trong Chrome 6.0.472.55/Ubuntu 10,04, và Firefox 3.6.9 (còn Ubuntu 10.04):

input {text-decoration: underline; } 

Mặc dù này, rõ ràng, đưa ra chỉ là một single-gạch dưới.

bản demo nhanh tại địa chỉ: jsbin

Answer 2

Bạn chỉ có thể sử dụng một giải pháp dựa trên CSS tức là chọn CSS để nhấn mạnh các văn bản.