
Originally Posted by
lat9
Instead, how about
- Moving the @import url("stylesheet_admin_css_buttons.css"); statement to the bottom of the stylesheet.css
- Modifying stylesheet_admin_css_buttons.css to include the additional selectors:
Code:
.cssButton, .cssButton:hover, input.cssButton, .button, input.button, input[type=button] { background-color:white; border:1px solid #003366; color:#404040; border-radius:6px; display:inline-block; font-family:Verdana; font-size:11px; font-weight:bold; margin: 0; padding:3px 8px; text-decoration:none; }
span.cssButton:hover { background-color: #dcdcdc; }
input.cssButton:hover, .button:hover, input.button:hover, input[type=button]:hover { background-color:#ccc; border: 1px solid #003d00; cursor: pointer; }
Only needed to execute step 2. Moving the import statement it appears stops all the CSS buttons from working..
I also adjusted the background and text color for the hover:
Code:
span.cssButton:hover {
background-color: #dcdcdc; /* Grey Hover Color */
}
input.cssButton:hover, .button:hover, input.button:hover, input[type=button]:hover {
/*background-color:#599659;*/ /* Green Hover Color */
background-color:#dcdcdc; /* Grey Hover Color */
border: 1px solid #003d00;
/*color: white;*/
cursor: pointer;
}