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

时间:2016-04-27 17:18:50

标签: css forms

在我的表单中,我有一个提交按钮:

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

该按钮看起来像一个&#34;按钮&#34;。这不是我想要的,我只想按钮看起来像这样:

所以这意味着没有任何风格,只有黑色箭头。这可能吗?

3 个答案:

答案 0 :(得分:3)

是的,您可以使用CSS删除背景和边框

&#13;
&#13;
button {
  background: none;
  border: none;
}
&#13;
<button name ="sort" value="sort" type="submit">&#9660;</button>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

可见的按钮的唯一属性是backgroundborder。因此,您必须将这些属性设置为以下代码:

&#13;
&#13;
button {
  background:none;
  border:0;
}
&#13;
<button name ="sort" value="sort" type="submit">&#9660;</button>
&#13;
&#13;
&#13;

  

提示:如果您只想为此按钮定义规则,则必须将button替换为button[name="sort"]或设置类。

答案 2 :(得分:1)

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