隐藏文本框当它被点击输入时

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

我该如何做到这一点，当点击时，文本框现在将显示它自己的任何轮廓？

来源

2011-07-13 need2know91

这种情况发生了很多浏览器，无论如何，它在盒子'focused'上出现。不过，我不确定如何阻止这一点。似乎是一个浏览器的具体事情，而不是你可以改变与CSS。 – Zomxilla

您是否检查了Bing的代码以了解他们是如何做到的？否则，提供你想要的图片。 –

你有没有尝试过在你的css中设置'outline：0'？ – kei

我认为对于不同的浏览器有不同的方法。

我到目前为止测试过的，它的工作原理是与铬。

HTML：

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

CSS：

.noOutline { 
    outline:none; 
}

来源

2011-07-13 01:50:03 Ibu

隐藏文本框当它被点击输入时

回答

相关问题