css – 镀铬边框问题

前端之家收集整理的这篇文章主要介绍了css – 镀铬边框问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在chrome中只有这个问题.如何删除图像周围的边框?请看看镀铬的小提琴.
<form>
    <input type="image" class="searchBox_submit search_btn" value="">
</form>
form input[type=text]:focus,form input[type=password]:focus,textarea:focus {
    outline: none;
}

.search_btn {
    background: url("http://static.ak.fbcdn.net/rsrc.PHP/v1/yu/r/yo348KDuskF.png") no-repeat scroll 0px -200px transparent;
    height: 25px;
    width: 30px;
    outline: none;
    border: none;
    outline-width: 0;
    -webkit-appearance: none; 
}​

演示:http://jsfiddle.net/TXYg6/

解决方法

您正在使用< input type =“image”/>,因此 a src attribute is expected.您尚未指定一个,因此Chrome显示灰色边框,方式与 it does for an img相同,没有src属性.

如果你想坚持使用< input type =“image”/>并且使用CSS精灵,你将不得不指定一些东西作为src,例如1×1透明的“blank.gif”.

http://jsfiddle.net/thirtydot/TXYg6/14/

然而,这似乎很可怕.相反,我建议切换到< input type =“submit”/>,其中solves the problem.

原文链接:https://www.f2er.com/css/217750.html

猜你在找的CSS相关文章