在输入字段中对齐图标

时间:2011-05-31 04:01:42

标签: css icons alignment

我有几个问题。我选择使用焦点和模糊输入字段中的文本值而不是占位符文本,因为chrome中存在问题,占位符文本居中。

我需要将图标放在输入字段中,居中到输入字段。并且跨浏览器兼容。

我已经尝试了一切让事情集中。这是我制作的精灵,工作正常,代码还可以。它是图像垂直对齐的问题,

请有人帮忙。小提琴的链接是:http://jsfiddle.net/F2cdu/1/

除了显示页面加载文本的输入字段外,所有代码都已完成,但我们可以解决这个问题。其他一切似乎都没问题。

1 个答案:

答案 0 :(得分:0)

据我所知,你需要将.searchreset span放在输入上方吗? 首先,你需要用额外的块(div)包装它们并使这个div位置:relative 然后将position:absolute添加到.searchreset并使用top,left,right,bottom css属性来定位.searchreset