Wie entferne ich den grauen Rand von Schaltflächen mit benutzerdefinierten Bildern?

Entfernen des Randes von Schaltflächen

Beim Anpassen von Schaltflächen durch Ersetzen der Standardbilder durch benutzerdefinierte Bilder tritt häufig ein dauerhafter grauer Rand auf das Bild. Dieser Rand kann entfernt werden, um ein sauberes und nahtloses Schaltflächendesign zu erzielen.

Lösung

Um den grauen Rand von einer Schaltfläche zu entfernen, fügen Sie einfach die folgenden CSS-Stile hinzu Code der Schaltfläche:

<code class="css">padding: 0;
border: none;
background: none;</code>

Beispielcode

<code class="html"><button style="padding: 0; border: none; background: none;">
  <img src="/path/to/image.png">
</button></code>

Demo

Eine Live-Demonstration finden Sie im Folgende URL:

https://jsfiddle.net/Vestride/dkr9b/

Durch die Anwendung dieser CSS-Stile zeigt die Schaltfläche nur das benutzerdefinierte Bild ohne umgebenden Rahmen an.

Das obige ist der detaillierte Inhalt vonWie entferne ich den grauen Rand von Schaltflächen mit benutzerdefinierten Bildern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!