Farbe ändern bei Audioaufnahme-Button

Question

Lieber Sosci Support,

ich möchte meinen Button "REC" (ursprünglich "Start") bei der Audioaufnahme rot färben. Wie funktioniert das?

Vielen Dank!

<!-- Buttons -->
<div style="margin: 2em 0 0.5em">
  <button id="btnStart" type="button" tabindex="50">REC</button>
  <button id="btnStop" type="button" tabindex="50">STOP</button>
</div>
<div style="margin: 0.5em 0" id="audioReload">Bitte laden Sie die Seite neu (<a href="javascript:SoSciTools.reloadPage()">Neu Laden</a>) und gestatten Sie der Seite Zugriff auf Ihr Audio-Gerät.</div>

<!-- Audio recorder from https://github.com/muaz-khan/RecordRTC -->
<script src="../plugins/RecordRTC/RecordRTC.min.js"></script>
<script src="../plugins/RecordRTC/gumadapter.js"></script>

Answer 1

Beispielsweise so:

<button id="btnStart" type="button" style="background-color: #CC0000" tabindex="50" >REC</button>

Mit weiteren CSS-Befehlen im style Attribut kann man die Darstellung nach Belieben weiter anpassen.