I want to change the text color on hover in a swfupload button.
The color property I put it in 'button_text_style' property, but this widget doesn't seems to have any property to set hover properties.
var settings = {
...
button_text: '<span class="Button">Select photos</span>',
button_width: "65",
button_height: "29",
button_text_style: '.Button {color:#FFF;}',
...
}
Any idea?
Thanks
I solved it with
buttonStyles =
'.Button {color: #FFF' +
';font-weight: bold'+
';font-family: Arial' +
';} ' +
'.Button:hover {color: #000' +
';} ';
var settings = {
.....
button_placeholder_id: "spanButtonPlaceHolder",
button_text: '<span class="Button">Select photos</span>',
button_text_style: buttonStyles,
button_text_left_padding: 12,
button_text_top_padding: 3,
button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
button_width: 100,
button_cursor: SWFUpload.CURSOR.HAND,
........
}
for some styles (font styles) is necesary use the "button_text_style" property
for other styles the class in the css works fine
but it is essential to add "button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT"