html - css で a href リンクの境界線を削除する

Question

<a href='...'><input type='button'></a>

クリックすると<a>リンクがあり、境界線が表示されます。周りの枠を消す方法

試してみ style='border: none;'ましたが、機能していません

Answer 1

outlineから要素を削除します:focus:

a:focus {
    outline:none;
}

ただし、アクセシビリティ上の理由から、このリンクがフォーカスされていることを明確に示すものを追加する必要があります。そうしないと、一部のユーザーがサイト内を移動するのに苦労することになります。

Answer 2

使用するoutline:none;

例えば、

a:focus{outline:none;}

お役に立てれば。