There seems to be some wizardry going on with sugarCube that I can't crack. I want to change the appearnace of elements such as input text fields and select boxes/their options, but my CSS doesn't seem to be working. There is some sort of style being applied when the mouse hovers over these elements, which doesn't seem right as only anchor tags and buttons have the "hover" property available in the CSS selector (as far as I've been able to find).
Here is what I have. I'm able to resize everything just fine, but colors aren't working in these instances:
select {
border: 1px solid #777;
height: 2em;
background-color: black;
}
select:focus {
background: #33000;
min-width: 20em;
}
option {
background: #33000;
}
There's nothing about the hover styles here becase--as i said--I can't figure out how SugarCube is doing that. Is it bult-in JavaScript? If so, is there a way to override it?