html - 如何制作透明的HTML按钮？

Question

我正在使用 Dreamweaver 创建网站，我想只使用 Photoshop 来创建背景。我决定这样做只是因为万一我选择通过编辑代码轻松更改按钮名称，我可以只引用代码。如果我使用 Photoshop 构建按钮，我将无法轻松编辑这些按钮或任何元素中的文本。

所以我的问题很简单，如何创建一个具有简单内联样式的按钮，使其透明并使按钮的值仍然可见。

.button {     
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;        
}

点击后它仍然会留下边框阴影。

Answer 1

要在点击时去掉轮廓，添加outline:none

JSFiddle example

button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

<button>button</button>