html - 创建自定义 html 文本框

标签 html css user-interface

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

Image

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

谢谢。

最佳答案

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

这是一个演示:Demo

这里是重现演示的教程:Tutorial

关于html - 创建自定义 html 文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2875036/

相关文章:

html - 带有神秘拉和推的 Bootstrap 布局

html - 如何清除:both; correctly?

css - bootstrap - 添加标签到 span

html - 在悬停时创建图像到文本的效果

user-interface - 基于 Web 的 RDF 三元组编辑器? (如 RDB 的 phpMyAdmin)

Javascript:在用户完成滚动后执行操作

javascript - 打开 Canvas 菜单后如何将背景位置保持在同一位置?

html - 复杂的 HTML/CSS 粘性双侧边栏布局

javascript - 使用 Javascript 将查询结果的一部分传递到 session 变量中

Python-让按钮随机改变位置