Question

与Bing.com的搜索框类似，我想制作一个文本框，看起来文本框中有一个图像（即搜索引擎的放大镜）。意识到这是不可能的，我决定使用CSS使文本框不可见，并简单地在两者周围创建一个空白边框。这种方法的问题在于，当有人点击文本框时，无论如何都会出现它的轮廓，使其隐藏多余。

如何点击，文本框现在会显示自己的轮廓？

Answer 1

我认为不同的浏览器有不同的方式。

到目前为止我测试的是它的工作原理是使用chrome。

HTML：

<input class="noOutline" type="text" />

的CSS：

.noOutline {
   outline:none;
}