Wie ändert man * nur * das Auffüllen einer Schaltfläche in HTML auf iOS

Question

Ich habe eine HTML-Seite mit einer Schaltfläche, und ich möchte seine Polsterung loswerden. Das Offensichtliche

padding: 0px !important; 

hat nicht funktioniert. Schreiben

-webkit-appearance: none; 
padding: 0px; 

tat, aber es wurde los von all den anderen iOS-wie Formatierung.

Alles funktioniert gut auf dem Desktop. Dies geschieht auf iOS. Ich habe Android nicht getestet.

Gibt es eine Möglichkeit, nur die Polsterung ohne alles andere zu ändern? Gibt es eine Möglichkeit, eine Kopie des Styles zu speichern, damit ich es wiederherstellen kann? Ich bin glücklich mit Javascript-basierten Lösungen (einschließlich d3, für jeden Unterschied, der macht).

Answer 1

Meine aktuelle Lösung (was ich nicht glücklich bin) ist etwa folgende javascript/d3:

button.style('padding','0px'); 
if (button.style('padding-left')!='0px') { 
    button.style('-webkit-appearance', 'none') 
     .style('padding', '0px') 
     .style('background', 'linear-gradient(white,#999)') 
     .style('border-radius', '10px'); 
} 

Welches ist die Taste ein bisschen wie ein iOS-Taste aussehen lässt, aber nicht wirklich, und tut nichts auf Desktop Chrome oder Firefox, obwohl ich nicht sicher bin, dass es keinen Browser gibt, wird dies brechen.