Override the embedded skin in separated CSS file

3 posts, 0 answers
  1. CH
    CH avatar
    28 posts
    Member since:
    Nov 2008

    Posted 06 May 2010 Link to this post

    Dear Sir:
       I tried to override the existing embedded skin in the page... it is fine and it works.... but if i tried to put it into the separated css file and it didn't work anymore.... is there anything i have to take care with it?

    <head id="Head1" runat="server">  
        <link href="~/css/common.css" type="text/css" rel="stylesheet"/>      
        <link href="~/css/customize.css" type="text/css" rel="stylesheet"/>   //<-- Not work to put it inside      
        <style type="text/css">  
                text-align: center !important;  
                padding-left: 6px !important;    
                border: 1px solid red !important;    
            div.RadComboBox_Outlook,                  //<-- fine to just put it in the page
            div.RadComboBox_Outlook .rcbInput,  
                font: 10px  Arial,"Segoe UI", sans-serif;  
                color: #333;  

    I don't wanna to put the code into the page separately.....

    thank you for your kindly help

    From edl0022
  2. Steve
    Steve avatar
    1888 posts
    Member since:
    Dec 2008

    Posted 06 May 2010 Link to this post

    You're going to need to put !important after the items you want to override


    font: 10px  Arial,"Segoe UI", sans-serif !important;   
    color: #333 !important;

    Give that a try...

  3. Mishal
    Mishal avatar
    1 posts
    Member since:
    Dec 2013

    Posted 07 Feb 2014 in reply to Steve Link to this post

    It work for me,

Back to Top