背景图片显示在Chrome中,但不显示在Safari中

时间:2015-01-07 22:59:12

标签: html css image background safari

我有搜索输入

<input class="searchico" type="search" results="5" id="search" placeholder="" autosave="bfyudsaibduisbvy1213">

对于searchico类我的css如下:

.searchico
{
    font-weight: 200;
    width:10px;
    position:relative;
    padding-right: 10px;
    background: white url('images/searchico.png') right no-repeat;
}

在Chrome中它可以很好地工作,但在Safari中它只是一个空白的白色搜索栏......

Chrome image where it's a search icon and if you click on it, it expands into a search bar with the icon on the right side

This is what happens in Safari... just an ugly blank search bar

我希望它看起来就像Apple网站的搜索ico(点击时转换到搜索栏)。如果使用css背景图像不起作用,我怎样才能在Safari中实现这一点?

0 个答案:

没有答案