
I'm using the custom character sheet sandbox.
It applies everything but the background color; weirdly, when I hover, the background color changes to the correct color but only halfway.
What I'm wanting is for it to look like white text that when hovering turns red. The text color change works but for some reason, the color of the button background isn't changing properly.
.charsheet button[type=roll].sheet-skillbtn::before {content: ""; }
.charsheet button[type=roll].sheet-skillbtn {
height: 20px;
border: none;
background-color: #1f1f1f;
padding: none;
font-weight: bold;
color: white;
}
.charsheet button[type=roll].sheet-skillbtn:hover {
color: red;
}
<fieldset class="repeating_sheet-ranking">
<button type="roll" class="sheet-skillbtn" value='&{template:default} {{name=Engineering}} {{Result=[[@{char_engineering}]]}}' name'roll_engineering'>Engineering</button>
<select name="attr_char_engineering">
<option value="2d12kl1">Rank 0</option>
<option value="1d12">Rank 1</option>
<option value="1d12+1d2">Rank 2</option>
<option value="1d12+1d4">Rank 3</option>
<option value="1d12+1d6">Rank 4</option>
<option value="1d12+1d8">Rank 5</option>
<option value="1d12+1d10">Rank 6</option>
<option value="1d12+1d12">Rank 7</option>
</select>