dhollema

Override esri jsapi dijit css

Discussion created by dhollema on Dec 14, 2011
Latest reply on Dec 15, 2011 by jeff.pace
I notice the ESRI dijits I'm using have their own styles in css that are pulled from the CDN (I'm using the CDN-hosted api, v2.5).  At times, I'd like to override some of those styles with my own local styles.  Since the esri css are loaded last, they always trump any local styles I have set.  The only workaround I found is to use !important.  For example, for the editor template picker:

.templatePicker {
        margin-top: 10px;
        border:none !important; /*override esri legend.css*/
      }

to override this css...

http://serverapi.arcgisonline.com/jsapi/arcgis/2.5/js/esri/dijit/editing/css/TemplatePicker.css

I don't think this is the best approach but don't know of another way.

Outcomes