创建自定义HTML文本框

Question

只是想知道你将如何去创造所看到如下图的效果：

Image

我想试图重现的部分文本中的梯度字段本身以及围绕文本框的边框。

谢谢。

Answer 1

这也可以使用CSS3完成，减少了加载图像的需要。当然，问题在于它可能成为一个棘手的跨浏览器。

继承人演示：Demo

继承人上再现演示教程：Tutorial

Answer 2

您可以在有问题的输入元素上设置CSS属性。 background-image为梯度，border为边界。