Question

css 输入框右边图片问题

我在输入框的最右边放了一张图片

使用代码： background:#fff url(datePicker.gif) no-repeat right;

正常的时候是没事 但是一旦输入的值过长的话 就会把图片给遮住 甚至图片直接没了

我现在想的是 怎么样才能让图片的边界就是文本框的最大长度 就是图片左边的边框就相当于文本框本来最右边的边框 请帮帮忙

Answer 1

假如你的框长度是200px 图片的宽是20px 那么 你的文字就padding-left:20px; 输入框就要改成180px；如果图片在右边 就是padding-right:20px;输入框也是180px，有不懂的继续提问。

追问

我是想图片放在输入框里面的

追答

你可以做成input的背景嘛。。。

Answer 2

建议把图片放外面！ 实在要这个效果，可以用DIV 做得像 在文本框内的效果！

就算设置了 padding-left:20px 也只会在溢出时有效果！

追问

用div是什么意思？

追答

把图片放在文本外面不行吗？ 用层定义，你不就想 看起来图片在框框里。这种办法不行，可以做图片背景，像你要的效果就可以了 你要的应该是这一个效果吧

Answer 3

你的图片的宽高没设置好

Answer 4

把问题说的再详细些，最好发一下源代码或截图我来帮你解决

追问

代码 我用的就是那个啦 图片的话 我传不上去啊 疼…… 就是正常输入框 不是在他里面的最右边会放一个小图标嘛 就是那个图标会被输入的文字遮住了