/* .......... focused state .......... */
-button:focus {
-}
-
-button:focus > .button-box {
+button:-moz-focusring > .button-box {
border: 1px dotted #008484;
}
button:hover,
button:hover:active {
- border : none;
+ border: none;
background-color: #FFCF00;
color: #000000;
}
button[open="true"] {
- border : none;
+ border: none;
background-color: #FF9F00;
color: #000000;
}
-button[checked="true"] {
- border : none;
+button[checked="true"]:not(:hover) {
+ border: none;
background-color: #008484;
color: #000000;
}