我有一個由兩個不同的圖標引用組成的Html頁面，我想用第一個圖標覆蓋第二個圖標（favicon2）。即：Chrome圖標覆蓋問題
<head>
<link rel="shortcut icon" href="/assets/images/favicon1.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/assets/images/favicon2.ico" type="image/x-icon" />
</head>
在Firefox favicon2被顯示，但Chrome和IE favicon1顯示的是，我怎樣才能讓Chrome顯示favicon2？
請幫我這個。我被卡住了。
在此先感謝
加入您的收藏夾圖標的文件夾的根目錄，並更新URL路徑圖標。
function myFunction() {
document.getElementById('myIcon').href = "favicon2.ico";
}<!DOCTYPE html>
<html>
<head>
<link id="myIcon" rel="shortcut icon" href="favicon1.ico" type="image/x-icon" />
</head>
<body>
<p>Click the button to change the value of the src attribute of the icon.</p>
<button onclick="myFunction()">Try it</button>
</body>
</html>