tnjk.net
当前位置:首页 >> 如何只用Css在一个input元素中加入一个图片 >>

如何只用Css在一个input元素中加入一个图片

1.加入图片使用background-image就可以了。 2.一般还要用border去掉input原有的样式边框。 3.这样写input{ background-image:url(images/input.png); border:none;}

给输入框加背景图,定位在最左边时,给输入框添加左填充,定位在右边时给右边加填充,以防输入文字和图片重合。至于文字直接给value="请输入…"属性即可,也可以用placeholder="请输入…"代替

可以设置input的position为relative 然后设置input的伪元素::after,并设置position为absolute,在给他加上宽高、background,通过调整left、top等参数将图片放到正确的位置: input { position: relative; height: 30px;}input:after { content:...

您好!以下是根据您的要求编写的代码,你可以参考一下: #div1 { width: 340px; height: 120px; background: url(bkimg.jpg) no-repeat; position: relative;}#inp1 { position: absolute; width: 110px; top: 20px; left: 100px;}#inp2 { posit...

你的意思是用图片当按钮吧? 有CSS把图片设为按钮背景就可以了 例: 把按钮的宽高设的和图片一样 给按钮定义个clss比较好,可以重复利用,减少垃圾代码

把input的框线设为0或none即可,至于周围的线条就由包裹这个input的其他元素去设置好了。下面是个例子:

img{postion:absolute;left:100px;z-index:2;}/*postion改成position*/你css属性写错了,查改下~ 建议如果你是初学者,最好用dreamweaver这款编辑器,可以纠错代码和错误提醒!

.img-container{width:990px;height:150px;position:relative;}.img-container img{width:990px;height:150px;position:absolute;left:0;top:0;z-index:1;}.img-container .layer{width:990px;height:150px;position:absolute;left:0;top:0;z-in...

点击事件只能设置在html元素中,所以background是没有办法设置点击的。但是,它的元素div是有点击事件onclick的。如果div设置onclick无效,建议使用jquery来绑定div的click事件。 此外,由于div中还有其它元素有click事件,所以,这就涉及到了事...

引入图标库,将这个图标与input标签放在一个div再用定位,margin也可以

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com