Question

我想用CSS定义加载的.ico文件的大小，因为FireFox和Chrome的默认值不同。

我链接的HTML代码：

<a href="https://www.google.com/maps/place/##keyword##" target="_blank" title="show on map" class="showonmap">##keyword##</a>

以及它的CSS代码：

.showonmap {
    background: url("images/gmaps3.ico") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;
}

http://jsfiddle.net/eapo/yy8gqt3f/1/（请与其他浏览器联系以查看问题）

我希望我能在没有＆＃34;更改文件类型的情况下解决这个问题＆＃34;，＆＃34;使用as element＆＃34;

Answer 1

使用background-size：

.showonmap {
    background: url("https://maps.gstatic.com/favicon3.ico") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;
    background-size: 15px 15px;
}

演示：http://jsfiddle.net/yy8gqt3f/2/

<小时/> 您还可以使图像100%高度保持原始宽高比：

background-size: auto 100%;

演示：http://jsfiddle.net/yy8gqt3f/4/

自定义尺寸.ico与CSS

1 个答案: