options.html

<link href='https://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
<style>
* {
    font-family: 'Cutive Mono'!important;
    font-size: 20px;
    -webkit-user-select:none;
    -webkit-user-drag:none;
}

input {
    -webkit-user-select:initial;
}

body, html {
    padding: 10px;
    max-width: 900px;
}

hr {
    border:0;
    border-bottom: solid #fc00fc 1px;
    margin: 0 -18px;
}

label, input {
    vertical-align: middle;
}

label, input[type=checkbox] {
    cursor: pointer;
}

select {
    border: 1px solid black;
    padding: 0;
    outline:none!important;
    border: 1px solid black !important;
    width: 50%;
}
body{ background: #f9fafb;
}

option {
    background: #f9fafb;
    color: black;
    text-shadow: none;
    outline:none!important;
    padding: 2px 5px;
}

option:last-child {
    border-bottom: 0;
}

input[disabled], label[disabled] {
    cursor: not-allowed!important;
    color: #bfbfbf!important;
}

.help-img {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

blockquote {
    font-size: 16px;
    border: 1px solid #318db9;
    color: #318db9;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: -1px -1px 5px 0px rgba(46, 128, 146, 0.75);
}
</style>
<div class="container">
  <div class="row">
    <h1 id="applying-changes" style="position:absolute;right:10px;top:-10px;color:green;font-weight:normal;font-size:14px!important;display:none;">Applying Changes...</h1>

    <h2>Video Codecs:</h2>
    <div id="videoCodec" style="display: inline-block;">
        <label><input type="radio" checked>Default</label>
        <label><input type="radio">VP8</label>
        <label><input type="radio">VP9</label>
        <label><input type="radio">H264</label>
        <label><input type="radio">MKV</label>
    </div>
    <br>
    <br>
    <hr>
    <br>

    <br>

    <h2>Select Camera Device</h2>
    <select id="camera-devices" size=5></select>

    <br><br>
    <hr>

    <h2>Select Microphone Device</h2>
    <select id="microphone-devices" size=5></select>

    <br><br>

    <hr>
    <br>

    <label for="videoMaxFrameRates">Video Framerates</label><br>
    <select id="videoMaxFrameRates" size=4>
        <option>None</option>
        <option selected>30</option>
        <option>25</option>
        <option>15</option>
    </select>
    <br />
    <br />

    <hr>
    <br>

    <label for="videoBitsPerSecond">Bitrates</label><br>
    <select id="bitsPerSecond" size=5>
        <option value="default">Default bitrates</option>
        <option value="8000000000">1 GB bps</option>
        <option value="800000000">100 MB bps</option>
        <option value="8000000" selected>1 MB bps</option>
        <option value="800000">100 KB bps</option>
        <option value="8000">1 KB bps</option>
        <option value="800">100 Bytes bps</option>
    </select>

    <br>
    <br />

    <hr>
    <br />

    <script src="RecordRTC/getAllAudioVideoDevices.js"></script>
    <script src="options.js"></script>

  </div>
</div>