I'm not exactly a CSS expert (or styling expert).
I have a 4.0 web app with two master pages and a system-wide css file. The master pages both have SkinManagers set to Transparent. All the grids (and most other Telerik controls have their skin set to default.)
Each master page has a reference to the system css: <link href="../Content/CSS1.css" rel="stylesheet" />
The problem is this. I want all grids to have a alternating row back color of Alice Blue. I have a declaration:
div.RadGrid .rgAltRow { background: AliceBlue; }
If I put this in the main CSS file, nothing happens. If I put this in the master pages, within a <style> block, it works fine.
What am I doing wrong?
I have a 4.0 web app with two master pages and a system-wide css file. The master pages both have SkinManagers set to Transparent. All the grids (and most other Telerik controls have their skin set to default.)
Each master page has a reference to the system css: <link href="../Content/CSS1.css" rel="stylesheet" />
The problem is this. I want all grids to have a alternating row back color of Alice Blue. I have a declaration:
div.RadGrid .rgAltRow { background: AliceBlue; }
If I put this in the main CSS file, nothing happens. If I put this in the master pages, within a <style> block, it works fine.
What am I doing wrong?