Geek Answers Handbook

Removing all CSS from telerik controls

I am using Telerik RadControls for ASP.NET and wondering if there is a way to disable / stop CSS that automatically loads using controls.

I don’t want to remove any class names that apply to telerik HTML elements, I just want a clean slate so that I can style them accurately.

I want to ask that I try to apply a font extension for people with visual impairment on my site. I can overwrite current styles, for example:

html body .RadInput_Default .riTextBox, div.RadComboBox_Default input.rcbInput { font-size: 0.9em !important; height: 1.4em !important; line-height: 1.3em !important; width: 6em !important; }

I need to write! It is important to overwrite styles that come down with the .axd file using the Telerik control. The problem with this is that if I try to increase the font (I use javascript to increase the default font size in ems) the font size for the Telerik control always remains 0.9.

Any ideas?

thank you for your time

+7
css telerik datepicker
source share
1 answer

So that each telerik control has:

  • EnableEmbeddedSkins
  • EnableEmbeddedBaseStylesheet

Setting both of them to false will disable all telerik built-in stylesheets.

A quick warning - some controls, for example. panel panel will not work without some built-in CSS (extension / failure of child elements will not work) unless you add the necessary styles yourself, so be careful.

More details can be found here:

+12
source share

More articles:


All Articles