Scrollbar in Kommentarbox

tequilahombre

Hallo,
ich möchte gerne die Scrollbar in meiner Kommentarbox anpassen, welche im IE erscheint und nicht zu meinem ansonsten sehr grauen Theme passt. Ich habe mich auch schon mit Scrollbar-Generatoren auf CSS-Basis auseinandergesetzt, leider komme ich mit der Einbindung zwischen Style.css und comments.php nicht wirklich zurecht. Vielleicht könnt ihr mir weiterhelfen ???
Hier mal der Auszug aus meiner comments.php:

PHP

<p><small>Kommentar:</small><br />
<textarea name="comment" id="comment" cols="60" rows="8" tabindex="4"></textarea>
</p>

Ich denke da sollte das rein, aber ich weiß nicht wie !

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Schau in der style.css nach der Regel für #comment. Dort fügst du den Scrollbar-Code hinzu:

Code

#comment {
  scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
}

Oder für alle mehrzeiligen Eingabefelder:

Code

textarea {
  scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
}

SELFHTML: Stylesheets / CSS-Eigenschaften / Anzeigefenster
Internet Explorer spezifische Eigenschaften: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

tequilahombre

Witzig, vor einer Sekunde hatte ich die Lösung gefunden, habe es nur anders eingebunden:

Code

HTML {
scrollbar-face-color: #837F73;
scrollbar-highlight-color: #837F73;
scrollbar-3dlight-color: #837F73;
scrollbar-darkshadow-color: #837F73;
scrollbar-shadow-color: #414141;
scrollbar-arrow-color: #414141;
scrollbar-track-color: #837F73;
}

Danke !

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Scrollbar in Kommentarbox

Jetzt mitmachen!