相关疑难解决方法(0)

任何人都可以解释如何删除文本/输入框周围的橙色或蓝色边框(轮廓)？我认为只有在Chrome上才会显示输入框处于活动状态.这是我正在使用的输入CSS:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

我想为我的网络应用程序创建一个搜索功能.

这里是FF和IE的外观,没有奇怪的边框是好的

火狐

IE

这是Chrome和Safari的外观,输入元素周围有奇怪的边框

铬

苹果浏览器

这是我的html和css代码

<input type="search" id="generic_search" onkeypress="return runScript(event)" />
<input type="button" id="generic_search_button" />

该border:0已被应用到的所有元素

#generic_search
{
    font-size: 14px;
    width: 250px;
    height: 25px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 7px;
}
#generic_search_button
{
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    cursor: pointer;
    background-color: White;
    background-image: url(/Images/search.png);
    background-repeat: no-repeat;
    background-position: center center;
}

如何删除该边框？