CSS:输入占位符后不在mozilla中工作

前端之家收集整理的这篇文章主要介绍了CSS:输入占位符后不在mozilla中工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的文本输入占位符右侧放置一个小图标,我的占位符文本结束
<input type="text" placeholder="Search  ">

使用CSS我想添加一个放大镜图标.这在Chrome中完美运行,但我也想让它适用于Firefox.

对于Chrome,我使用:: – webkit-input-placeholder:after {content:url(‘magnifier.jpg’);}
用Firefox我试过了

input:-moz-placeholder:after{content:url('magnifier.jpg');}

input:-moz-placeholder::after{content:url('magnifier.jpg');}

但由于某种原因,它不起作用.

解决方法

…………………..

输入元素是替换元素.

伪元素,例如:after或:before将无法工作

<button>,<textarea>,<input>,<select>,<img>,<object>

these元素.

More info

猜你在找的CSS相关文章