How can I make my submit button not look like a button?

Question

In my form I have a submit button:

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

The button looks like a "button". This is not what I want, I would simply like the button look like this:

▼

So this means without any style, only the black arrow. Is this possible?

Possible duplicate of [How to make button look like a link?](http://stackoverflow.com/questions/1367409/how-to-make-button-look-like-a-link) — Adam Buchanan Smith, Apr 27 '16 at 17:25
For what it's worth, the reason a "button" type exists is so you can take advantage of the existing API, and give it multiple states without any extra effort. To override that and make it as plain as possible doesn't make a lot of sense. Why don't you just make a GIF with an "onClick"? It's just as easy. — durbnpoisn, Apr 27 '16 at 17:26
To answer the question you actually asked - Yes, it's possible. — takendarkk, Apr 27 '16 at 17:33

score 3 · Accepted Answer · answered Apr 27 '16 at 17:21

3

Yes, you can just use CSS to remove the background and border

button {
  background: none;
  border: none;
}

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

answered Apr 27 '16 at 17:21

Tim

2,104
4
25
43

Sebastian Brosch · Answer 2 · 2016-04-27T17:26:56.180

1

The only properties of the button which are visible are background and border. So you have to set these properties to nothing like the following code:

button {
  background:none;
  border:0;
}

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

Hint: If you want to define the rule only for this button you have to replace button with button[name="sort"] or set a class.

edited Apr 27 '16 at 17:26

answered Apr 27 '16 at 17:21

Sebastian Brosch

39,662
14
68
78

score 1 · Answer 3 · answered Apr 27 '16 at 17:21

1

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

answered Apr 27 '16 at 17:21

Aman Rawat

2,605
1
21
39

How can I make my submit button not look like a button?

3 Answers3