Search code examples
htmlcssswfupload

Swfupload, change color on hover


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


Solution

  • 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"