社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > html教程 > input中插入图片_html/css_WEB-ITnose

input中插入图片_html/css_WEB-ITnose

WBOY
发布： 2016-06-21 09:27:10
原创
1486 人浏览过

如图，在input文本框中加入图片，但我加入input中插入图片_html/css_WEB-ITnose或input(type为image)有边框，

是要用其他的标签，还是其他问题，求指教


回复讨论(解决方案)

边框不是CSS可以控制么

input {background:url(xxx.jpg) no-repeat x y width height} 其中 xxx为图片文件名  x y位置 width 宽 height高 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>在Input输入框中加入小图标</title><style>input{BACKGROUND-IMAGE: url(/jscss/demoimg/ico080426_dot.gif); BACKGROUND-REPEAT: no-repeat;}
登录后复制
登录后复制

input {background:url(xxx.jpg) no-repeat x y width height} 其中 xxx为图片文件名 x y位置 width 宽 height高 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>在Input输入框中加入小图标</title><style>input{BACKGROUND-IMAGE: url(/jscss/demoimg/ico080426_dot.gif); BACKGROUND-REPEAT: no-repeat;}
登录后复制
登录后复制


背景图片这种我也用了，可以得到那种样式，但是js中没有点击背景图片的事件吧，就没法用的。。

边框不是CSS可以控制么


我用了border不行的。。

我知道了，改用标签，就没有边框了，谢谢各位

相关标签：
input 图片 插入
来源：php.cn
上一篇：怎么给控件select动态添加option选项_html/css_WEB-ITnose 下一篇：为什么在css里面设置了table样式后，表格内部的细线不显示了？_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪？ 课件
来自于 2024-04-16 10:10:18
0
0
1335
匹配单词的正则表达式 我有一个脚本，我试图将新的职位名称与数据库中的现有职位名称进行匹配。SELECTa.titleASJobTitle,j.DescriptionASMatchedJobTitle,f...
来自于 2024-04-06 21:24:04
0
1
606
动态修改Javafx中的内联CSS样式 我试图在应用程序最大化时更改窗格的背景图像。我的背景是使用内嵌css设置的。我为样式设置了两个不同的变量和一个if语句。但是，我没有运气让它改变样式。StringcssStyle=...
来自于 2024-04-06 20:57:16
0
1
487
使用网格创建此特定设计：分步指南 我正在尝试创建一个类似于此图像的布局，我尝试过使用此网格但无法实现。<ulclass="container"><liclass="f...
来自于 2024-04-06 20:29:08
0
2
492
在移动视图中，当用户点击链接时，如何关闭此导航栏？ 当用户点击链接浏览网站时，导航栏没有关闭？我曾尝试向每个链接添加单击事件侦听器以关闭导航栏，但它不起作用！此外，处于活动位置（即X）的hamberberger菜单图标也没有很好地对...
来自于 2024-04-06 19:23:03
0
1
411
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板