Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > input中插入图片_html/css_WEB-ITnose

input中插入图片_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 09:27:10
Original
1485 people have browsed it

如图，在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;}
Copy after login
Copy after login

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;}
Copy after login
Copy after login


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

边框不是CSS可以控制么


我用了border不行的。。

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

Related labels：
input picture insert
source：php.cn
Previous article：怎么给控件select动态添加option选项_html/css_WEB-ITnose Next article：为什么在css里面设置了table样式后，表格内部的细线不显示了？_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1335
Regular expression to match words I have a script where I am trying to match new job names with existing job names in a data...
From 2024-04-06 21:24:04
0
1
606
Dynamically modify inline CSS styles in Javafx I'm trying to change the background image of a pane when the application is maximized. My ...
From 2024-04-06 20:57:16
0
1
487
Creating this specific design using a grid: a step-by-step guide I'm trying to create a layout similar to this image, I've tried using this grid but can't ...
From 2024-04-06 20:29:08
0
2
492
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template