This is a migrated thread and some comments may be shown as answers.

Telerik RadButtons background color problem

4 Answers 230 Views
Button
This is a migrated thread and some comments may be shown as answers.
Harun
Top achievements
Rank 1
Harun asked on 16 Dec 2013, 11:53 AM
Hi telerik admins

our button background colors do not display correctly in some browsers. How can I solve this problem?

Chrome (http://prntscr.com/2bkbm4) = the most accurate and best display


-----------------------------------------------------
On Firefox and Internet Explorer latest version

Normal: http://prntscr.com/2bkcju
Mouse hover: http://prntscr.com/2bkcqb

This code: 

<telerik:RadButton CssClass="blur" ID="RadButtonSil" runat="server" Text="sil" OnClientClicking="RadConfirm" OnClick="RadButtonSil_Click" Height="40px" BackColor="#A52645" BorderColor="#A52645" Font-Size="15px" ForeColor="White">
    <Icon PrimaryIconUrl="/img/buton-sil.png" PrimaryIconTop="12px" PrimaryIconLeft="12" PrimaryIconHeight="18px" PrimaryIconWidth="18" />
</telerik:RadButton>
-----------------------------------------------------

chrome and opera are working correctly.

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 17 Dec 2013, 03:18 AM
Hi Sefa Melih,

Please have a look into the following code snippet which works fine at my end.

ASPX:
<telerik:RadButton CssClass="blur" ID="RadButtonSil" runat="server" Text="sil" Height="40px"
    BackColor="#A52645" BorderColor="#A52645" Font-Size="15px" ForeColor="White">
    <Icon PrimaryIconUrl="../Images/plus.gif" PrimaryIconTop="12px" PrimaryIconLeft="12"
        PrimaryIconHeight="18px" PrimaryIconWidth="18" />
</telerik:RadButton>

CSS :
<style type="text/css">
    .RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft
    {
        background-image: none !important;
    }
</style>

Hope this will helps you.
Thanks,
Shinu.
0
Harun
Top achievements
Rank 1
answered on 20 Dec 2013, 05:56 PM
Hi,

I used the css code you gave but it still did not work.

On Mozilla Firefox: http://prntscr.com/2cn05v (normal) http://prntscr.com/2cn0il (hover)
On Google Chrome: http://prntscr.com/2cn1j8 (correct and exactly.)

Thanks
0
Harun
Top achievements
Rank 1
answered on 23 Dec 2013, 09:10 AM
help please
0
Shinu
Top achievements
Rank 2
answered on 23 Dec 2013, 12:00 PM
Hi Harun,

Unfortunately I couldn't replicate the issue at my end. The given code is working fine in all browsers.

Thanks,
Shinu.
Tags
Button
Asked by
Harun
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Harun
Top achievements
Rank 1
Share this question
or