【问题标题】:Aligning icon in input field输入字段中的对齐图标
【发布时间】:2011-09-05 04:32:12
【问题描述】:

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

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

我已尽一切努力使事情居中。这是我制作的精灵,效果很好,代码没问题。它是图像的垂直对齐问题,

有人可以帮忙吗?小提琴的链接是:http://jsfiddle.net/F2cdu/1/

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

【问题讨论】:

  • 能否请您在小提琴中添加图片资源?
  • 图像在小提琴中。检查css:这是图片sitehelp.com.au/images/cancel-sprite.png
  • 图像未显示在文本框中。请添加图片以便我们查看并解决问题。
  • 您发布的链接将我带到一个页面。

标签: css icons alignment


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2023-01-22
    • 2016-04-24
    • 1970-01-01
    • 2012-01-23
    • 2014-04-05
    • 2019-11-24
    • 2021-03-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多