Browse button bigger

[Igor]

Hi,
I want the browse button a little bigger than the default 65px. I am using the windows skin 7. I tried this Css without success:

<style type="text/css">
        div.RadUpload .ruBrowse
        {
            width: 120px;
        }

</style>

The result is not ok because the background image still remains  fixed to 65px. Is something missed here? How can I choose the bigger button background?

Best regards,
Igor

[Peter Filipov]

Hi Igor,

Please add the following code:

.RadUpload input.ruBrowse
       {
           background-position: 0 -46px;
           margin-left: 4px;
           width: 115px;
       }

The background image is composed of three images - small, medium and large. By changing the background-position property you put a large size image on the background.

Kind regards,
Peter Filipov
the Telerik team

[Igor]

Hi Peter,

your solution works, but not always. On Explorer 8 doesn't works (button is still small) and, on all browsers, the mouse over event change the background to a small button. How can it get work?
Thanks,
Igor

[Peter Filipov]

Hi Igor,

CSS rules marked with !important take precedence over later rules.

.ruButton.ruBrowse
       {
           background-position: 0 -46px !important;
           margin-left: 4px !important;
           width: 115px !important;
       }

Regards,
Peter Filipov
the Telerik team

[Igor]

Hello Peter,

mouse over on Chrome and Firefox now works, thank you. On Internet Explorer 8  still doesn't works, always the smaller background is selected for the button. I have attached 2 images that show this effect with and without mouse over. 
Why on IE8 is another background selected?

Best regards,
Igor

[Peter Filipov]

Hello Igor,

I have tested the behavior locally and everything is working fine under IE8.
Please find attached a sample project and a screenshot as part of our local tests.
Does the attached project work at your side? If yes - could you please modify it so we can see the problem locally?

Kind regards,
Peter Filipov
the Telerik team

[Igor]

Hello Peter,

you are right, your last suggestion works on all browser, include mine IE8. Probably I haven't use your last version. Sorry for that.

All the best,
Igor