diff --git a/src/index.vue b/src/index.vue
index 2f984a9..46ff9a3 100644
--- a/src/index.vue
+++ b/src/index.vue
@@ -1,7 +1,6 @@
 <template>
   <div
     ref="wrap"
-    :id="id"
     class="vue-slide-bar-component vue-slide-bar-horizontal"
     :style="calculateHeight"
     @click="wrapClick">
@@ -87,10 +86,6 @@ export default {
       type: Array,
       default: null
     },
-    id: {
-      type: String,
-      default: 'wrap'
-    },
     range: {
       type: Array,
       default: null
@@ -245,7 +240,7 @@ export default {
       return e.clientX - this.offset
     },
     wrapClick (e) {
-      if (this.isDisabled || (!this.draggable && e.target.id === this.id)) return false
+      if (this.isDisabled || (!this.draggable && e.target === this.$refs.wrap)) return false
       let pos = this.getPos(e)
       this.setValueOnPos(pos)
     },
@@ -404,7 +399,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style>
 .vue-slide-bar-component {
   position: relative;
   box-sizing: border-box;
@@ -462,7 +457,6 @@ export default {
 }
 .vue-slide-bar-tooltip {
   position: relative;
-  font-size: 14px;
   white-space: nowrap;
   padding: 2px 5px;
   min-width: 20px;