Question

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

Answer 1

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”