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

Override the embedded skin in separated CSS file

2 Answers 154 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
CH
Top achievements
Rank 1
CH asked on 06 May 2010, 05:10 AM
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">  
        .rfdDecorated    
        {    
            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,  
        div.RadComboBoxDropDown_Outlook  
        {  
            font: 10px  Arial,"Segoe UI", sans-serif;  
            color: #333;  
        }  
    </style>  

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

thank you for your kindly help

From edl0022

2 Answers, 1 is accepted

Sort by
0
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
answered on 07 May 2010, 01:51 AM
You're going to need to put !important after the items you want to override

So...

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


Give that a try...


0
Mishal
Top achievements
Rank 1
answered on 07 Feb 2014, 05:40 PM
It work for me,

thanks,
Tags
ComboBox
Asked by
CH
Top achievements
Rank 1
Answers by
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
Mishal
Top achievements
Rank 1
Share this question
or