What I have in css is:<div><br></div><div><div>.Zoom_in{</div><div>background-image:url(/OpenLayers/theme/default/img/drag-rectangle-on.png)!important;</div><div>width:22px !important;</div><div>height:22px !important;</div>
<div>}</div><div><br></div><div>But still adding .x-btn. doesn&#39;t work. </div><div><br></div><div>I link the .css with &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;IconCls.css&quot;&gt;&lt;/link&gt; and the file is at the same folder as html. The OpenLayers folder is there too. </div>
<div><br></div><div>The code of the control is </div><div><br></div><div><div>action = new GeoExt.Action({</div><div>control: new OpenLayers.Control.ZoomToMaxExtent(),</div><div>       map: map,</div><div>       //text: &quot;max_extent&quot;,</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span><b>iconCls: &quot;Zoom_extent&quot;,</b></div><div>        tooltip: &quot;zoom to max extent&quot;</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>});</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>actions[&quot;Zoom_extent&quot;] = action;</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>toolbarItems.push(action);</div></div><div>
<br></div><div>When I&#39;ve added the .x-btn. and it doesn&#39;t work I&#39;ve tried to add at IconCls &quot;.x-btn.Zomm_extent&quot; but neither works.</div><br clear="all"><div><br></div>-- <br><a href="http://kikocanas.blogspot.com" target="_blank">http://kikocanas.blogspot.com</a><br>

</div>