ScrollBar style of scroll bar

The following is a simple example

1 <ControlTemplatex:key= "Scrollbackground"TargetType= "RepeatButton">2     <BorderBackground= "Transparent"/>3 </ControlTemplate>4 5 <Stylex:key= "Scrollthumbstyle"TargetType= "Thumb">6     <Setter Property= "Snapstodevicepixels"Value= "True"/>7     <Setter Property= "Overridesdefaultstyle"Value= "true"/>8     <Setter Property= "Istabstop"Value= "false"/>9     <Setter Property= "Focusable"Value= "false"/>Ten     <Setter Property= "Template"> One         <Setter.value> A             <ControlTemplateTargetType= "Thumb"> -                 <RectangleWidth= " the"Fill= "#AAA"RadiusX= "Ten"RadiusY= "Ten"> -                 </Rectangle> the             </ControlTemplate> -         </Setter.value> -     </Setter> - </Style> +  - <StyleTargetType= "ScrollBar"> +     <Setter Property= "Template"> A         <Setter.value> at             <ControlTemplateTargetType= "ScrollBar"> -                 <Grid> -                     < TrackHorizontalAlignment= "Center"Name= "Part_track"Width="{TemplateBinding Width}"Maximum="{TemplateBinding Maximum}"Minimum="{TemplateBinding Minimum}" - Value="{TemplateBinding Value}"isdirectionreversed= "true"> -                         <Track.decreaserepeatbutton> -                             <RepeatButtonTemplate="{StaticResource Scrollbackground}"Command= "Scrollbar.lineupcommand"  /> in                         </Track.decreaserepeatbutton> -                         <Track.increaserepeatbutton> to                             <RepeatButtonTemplate="{StaticResource Scrollbackground}"Command= "Scrollbar.linedowncommand" /> +                         </Track.increaserepeatbutton> -                         <Track.thumb> the                             <ThumbStyle="{StaticResource Scrollthumbstyle}" /> *                         </Track.thumb> $                     </ Track>Panax Notoginseng                 </Grid> -             </ControlTemplate> the         </Setter.value> +     </Setter> A </Style>

ScrollBar style of scroll bar