Gunnar Bittersmann: CSS kopieren

Beitrag lesen

@@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? Weg damit:
th > button { border: none }

Die Hintergrundfarbe? Weg damit:
th > button { background-color: transparent }

Die Schrift? Vom Elternelement vererben:
th > button { font: inherit }

Das Padding? Weg damit:
th > button { padding: 0 }

Für Firefox außerdem:
th > button::-moz-focus-inner { margin: -1px; border-width: 1px; padding: 0; }

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.” —Stefan Tilkov
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|