创建自定义html文本框

时间:2010-05-20 15:08:07

标签: html css user-interface

只是想知道如何创建效果,如下图所示:

Image

我想尝试重新创建的部分是文本字段内的渐变以及文本框周围的线条边框。

感谢。

2 个答案:

答案 0 :(得分:3)

您可以在有问题的输入元素上设置CSS属性。渐变为background-image,边框为border

答案 1 :(得分:3)

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

下载演示:Demo

关于复制演示的教程:Tutorial