.zs_widget{ padding: 2px; height: 30px; border: 1px solid green; user-select: none; } .zs_core{ overflow: hidden; position: relative; height: 100%; } .zs_handle{ position: absolute; top: 0px; bottom: 0px; border: 1px solid green; background-color: green; width: 8px; user-select: none; } .zs_handle:hover{ background-color: lightgreen; } .zs_inside{ position: absolute; } .zs_outside{ position: absolute !important; width: 100%; height: 2px; background-color: black; top: 50%; } .zs_visible_range_label{ position: absolute; bottom: 0px; } .zs_visible_range_label_left{ left: 0px; } .zs_visible_range_label_right{ right: 0px; } .zs_chosen_range_label{ position: absolute; }