diff --git a/src/objectliterals.jsdoc b/src/objectliterals.jsdoc
index 25d1eb3a79..d4423fa0f5 100644
--- a/src/objectliterals.jsdoc
+++ b/src/objectliterals.jsdoc
@@ -165,6 +165,7 @@
 
 /**
  * @typedef {Object} ol.control.ZoomSliderOptions
+ * @property {string|undefined} className Class name.
  * @property {ol.Map|undefined} map Map.
  * @property {number|undefined} maxResolution Maximum resolution.
  * @property {number|undefined} minResolution Minimum resolution.
diff --git a/src/ol/control/zoomslidercontrol.js b/src/ol/control/zoomslidercontrol.js
index 3aeaf275fc..4c6908d2c6 100644
--- a/src/ol/control/zoomslidercontrol.js
+++ b/src/ol/control/zoomslidercontrol.js
@@ -60,10 +60,10 @@ ol.control.ZoomSlider = function(opt_options) {
    */
   this.draggerListenerKeys_ = null;
 
-  var sliderCssCls = ol.control.ZoomSlider.CSS_CLASS_CONTAINER + ' ' +
-      ol.css.CLASS_UNSELECTABLE;
-  var thumbCssCls = ol.control.ZoomSlider.CSS_CLASS_THUMB + ' ' +
-      ol.css.CLASS_UNSELECTABLE;
+  var className = goog.isDef(options.className) ?
+      options.className : 'ol-zoomslider';
+  var sliderCssCls = className + ' ' + ol.css.CLASS_UNSELECTABLE;
+  var thumbCssCls = className + '-thumb' + ' ' + ol.css.CLASS_UNSELECTABLE;
   var element = goog.dom.createDom(goog.dom.TagName.DIV, sliderCssCls,
       goog.dom.createDom(goog.dom.TagName.DIV, thumbCssCls));
 
@@ -94,23 +94,6 @@ ol.control.ZoomSlider.direction = {
 };
 
 
-/**
- * The CSS class that we'll give the zoomslider container.
- *
- * @const {string}
- */
-ol.control.ZoomSlider.CSS_CLASS_CONTAINER = 'ol-zoomslider';
-
-
-/**
- * The CSS class that we'll give the zoomslider thumb.
- *
- * @const {string}
- */
-ol.control.ZoomSlider.CSS_CLASS_THUMB =
-    ol.control.ZoomSlider.CSS_CLASS_CONTAINER + '-thumb';
-
-
 /**
  * @inheritDoc
  */