如何让我的提交按钮看起来不像按钮？

<button name ="sort" value="sort" type="submit">&#9660;</button>

的按钮看起来像一个“按钮”。这不是我想要的，我只是想按钮看起来是这样：

▼

因此，这意味着没有任何风格，只有黑色箭头。这可能吗？

2016-04-27 Jarla

的可能的复制[如何使按钮看起来像一个链接？]（http://stackoverflow.com/questions/1367409/how-to - 像按钮一样的链接） –

对于它的价值，“按钮”类型存在的原因是您可以利用现有的API，并为其提供多种状态，而无需额外的努力。要覆盖这个并尽可能地简单明了就没有多大意义。你为什么不用一个“onClick”做一个GIF？这很简单。 – durbnpoisn

要回答你实际询问的问题 - 是的，这是可能的。 – csmckelvey

是的，你可以使用CSS来去除背景和边框

button { 
 
    background: none; 
 
    border: none; 
 
}

<button name ="sort" value="sort" type="submit">&#9660;</button>

2016-04-27 17:21:29 Tim

可见的按钮的唯一属性是background和border。所以，你必须将这些属性设置没有像下面的代码：

button { 
 
    background:none; 
 
    border:0; 
 
}

<button name ="sort" value="sort" type="submit">&#9660;</button>

提示：如果要定义规则仅适用于该按钮，您可以用替换buttonbutton[name="sort"]或设置班级。

2016-04-27 17:21:09

<button name ="sort" value="sort" type="submit" style="background-color:transparent;border:0">&#9660;</button>

2016-04-27 17:21:22

回答