當按鈕按下去後放入icon，但本身按鈕會變形

Question

<button class="add_tab_v2" onclick="location.href='xxx.php';">←</button>

$(".add_tab_v2").click(function(e) {
    $(".add_tab_v2").html("<img class='iconBack' src='images/loading_v2.svg'>");
    document.getElementById(".add_tab_v2").disabled=true;
});

當按下去後，丟了一張圖片給button
但這樣大小會變

ＰＳ： 圖片越大，越變型
跟其他按鈕會不一樣
但我又不想限制按鈕本身的padding或寬度
因為這會因為字的多寡而也所限制....

Answer 1

试试：

<button class="add_tab_v2">←</button>

$(".add_tab_v2").on(function(e) {
    setTimeout(function(){
        location.href='xxx.php';
    }, 3000);
    $(this)
        .text('')
        .css('background-image', 'url(images/loading_v2.svg)')
        .prop('disabled', true);
});

Answer 2

加个overflow:hidden试试