創建自定義HTML文本框

Question

只是想知道你將如何去創造所看到如下圖的效果：

Image

我想試圖重現的部分文本中的梯度字段本身以及圍繞文本框的邊框。

謝謝。

Answer 1

這也可以使用CSS3完成，減少了加載圖像的需要。當然，問題在於它可能成爲一個棘手的跨瀏覽器。

繼承人演示：Demo

繼承人上再現演示教程：Tutorial

Answer 2

您可以在有問題的輸入元素上設置CSS屬性。 background-image爲梯度，border爲邊界。