使用图像的 CSS 可伸缩文本输入

标签 css image textbox

我刚刚完成了网站的 PSD 设计,但卡在了文本字段中。

我如何获得一个文本字段来保持背景图像圆 Angular 的大小?

也许您可以使用类似于滑动门技术的东西? http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

最佳答案

文本字段实际上不需要圆 Angular ,环绕 DIV 元素的背景图像需要。

“性感按钮”教程将起作用 - 而不是在跨度内包含文本(如教程中所述),放入您的输入框。为您的输入设置 border:0background-color:transparent

关于使用图像的 CSS 可伸缩文本输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7933847/

相关文章:

java - 使用 TextureView 缩放 Camera2 预览

image - 不同方法的 OpenCV matchTemplate 阈值

php - 如何从 CodeIgniter 中的目录文件夹中删除上传的图像

c# - TextBox Word-Wrapping 将字符串拆分为行

C# 从另一个类中获取文本框值

javascript - 在悬停时使用 Javascript/jQuery 淡化自定义 SVG 的颜色

css - 用 FontAwesome 图标替换 jQuery datepicker prev 和 next 图标

css - rgba 在 IE10 兼容性、IE8 或 Chrome 中无法正常工作

css - 如何仅使用 CSS 隐藏文本框

jquery - Onmouseover 恢复为原始文本