.c-range components to
style form range inputs. Child component classes are shown below.
Since WebKit browsers have no supporting pseudo-element for
the lower range, the
child contains corresponding
"thumb" is moved. Similarly, the track background for dual-thumb sliders
must be maniuplated as each thumb is dragged. See the supporting page JS
fields are demonstrated below.
Use the following controls to manipulate the range sliders displayed below.
Hint text may also appear below the range input.
occupies 100% of the width of its container. The following fields are
contained by a 400px wrapper.
class modifier to layout range controls inline.
Demonstrate range controls with various