CSS kopieren
bearbeitet von
@@JürgenB
> Zum Hintergrund: Ich möchte ein Element (`th`) klickbar machen. Dazu erzeuge ich im `th` einen `button` und kopiere den Inhalt über `innerHTML` um.
> Statt die css-Eigenschaften einzeln zu setzen und dabei einige zu vergessen, möchte ich alle css-Eigenschaften vom `th` auf den `button` übertragen.
?? Wozu?
Was genau stört dich an der Formatierung des Buttons?
Der Rahmen?
`th > button { border: none }`{: .language-css}
Die Hintergrundfarbe?
`th > button { background-color: transparent }`{: .language-css}
Die Schrift?
`th > button { font: inherit }`{: .language-css}
Das Padding?
`th > button { padding: 0 }`{: .language-css}
Für Firefox außerdem:
`th > button::-moz-focus-inner { margin: -1px; border-width: 1px; padding: 0; }`{: .language-css}
Noch was?
LLAP 🖖
--
_“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}