2016-04-27 5 views
0

In meiner Form habe ich eine Absenden-Button:Wie kann ich meine Absenden-Schaltfläche nicht wie eine Schaltfläche aussehen lassen?

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

Die Schaltfläche sieht aus wie ein "Knopf". Das ist nicht das, was ich will, ich möchte einfach die Schaltfläche wie folgt aussehen:

Dies bedeutet also, ohne Stil, nur auf den schwarzen Pfeil. Ist das möglich?

+1

Mögliche Duplikat [entfernen Wie Taste aussehen lassen wie ein Link?] (http://stackoverflow.com/questions/1367409/how-to -make-button-look-like-a-link) –

+1

Der Grund dafür, dass ein "Button" -Typ existiert, ist, dass Sie die vorhandene API nutzen und mehrere Zustände ohne zusätzlichen Aufwand angeben können. Das zu überschreiben und so einfach wie möglich zu machen, macht keinen großen Sinn. Warum machst du nicht einfach ein GIF mit einem "onClick"? Es ist genauso einfach. – durbnpoisn

+2

Um die Frage zu beantworten, die Sie tatsächlich gestellt haben - Ja, es ist möglich. – csmckelvey

Antwort

3

Ja, können Sie einfach mit CSS den Hintergrund und die Grenze

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

1

Die einzigen Eigenschaften der Schaltfläche, die sichtbar sind, sind background und border. Also muss man diese Eigenschaften zu nichts, wie die folgenden Code ein:

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

Hinweis: Wenn Sie die Regel nur für diese Schaltfläche definieren möchten Sie button ersetzen button[name="sort"] oder legen Sie eine Klasse fest.

1

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

Verwandte Themen