如何让我的提交按钮看起来不像按钮?
问题描述:
在我的表单中我有一个提交按钮:如何让我的提交按钮看起来不像按钮?
<button name ="sort" value="sort" type="submit">▼</button>
的按钮看起来像一个“按钮”。这不是我想要的,我只是想按钮看起来是这样:
▼
因此,这意味着没有任何风格,只有黑色箭头。这可能吗?
答
是的,你可以使用CSS来去除背景和边框
button {
background: none;
border: none;
}
<button name ="sort" value="sort" type="submit">▼</button>
答
可见的按钮的唯一属性是background
和border
。所以,你必须将这些属性设置没有像下面的代码:
button {
background:none;
border:0;
}
<button name ="sort" value="sort" type="submit">▼</button>
提示:如果要定义规则仅适用于该按钮,您可以用替换
button
button[name="sort"]
或设置班级。
答
<button name ="sort" value="sort" type="submit" style="background-color:transparent;border:0">▼</button>
的可能的复制[如何使按钮看起来像一个链接?](http://*.com/questions/1367409/how-to - 像按钮一样的链接) –
对于它的价值,“按钮”类型存在的原因是您可以利用现有的API,并为其提供多种状态,而无需额外的努力。要覆盖这个并尽可能地简单明了就没有多大意义。你为什么不用一个“onClick”做一个GIF?这很简单。 – durbnpoisn
要回答你实际询问的问题 - 是的,这是可能的。 – csmckelvey