Kann CSS die Bilder von Eingabeschaltflächen ändern?

Bilder von Eingabeschaltflächen mit CSS ändern

In dieser Frage untersucht der Benutzer die Möglichkeit, das auf einer Eingabeschaltfläche angezeigte Bild mithilfe von CSS zu ändern . Sie versuchen, einen klassenbasierten Ansatz zu verwenden, sind aber erfolglos.

Vorgeschlagene Lösung

Die bereitgestellte Antwort stellt klar, dass CSS-Styling für Eingabeschaltflächen mit dem Typ „type“ nicht möglich ist =image"-Attribut. Um das Erscheinungsbild der Schaltfläche mithilfe von CSS zu ändern, sollte der Benutzer stattdessen den Typ in „type=submit“ ändern.

Technische Details

Eingabeschaltflächen mit „type=image“. " Erwarten Sie ein SRC-Attribut, das nicht mit CSS festgelegt werden kann. Durch die Umwandlung der Schaltfläche in „type=submit“ erhält der Benutzer die Möglichkeit, CSS-Stile anzuwenden, einschließlich Hover-Effekten.

Überlegungen zum Browser

Safari tut dies jedoch Styling-Schaltflächen werden auf diese Weise nicht unterstützt. Wenn Safari-Kompatibilität erforderlich ist, müssen Benutzer ein Bildelement erstellen und einen Onclick-Ereignis-Listener anhängen, der das Formular beim Klicken sendet.

Das obige ist der detaillierte Inhalt vonKann CSS die Bilder von Eingabeschaltflächen ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!