diff --git a/demo/Ursa.Demo/Pages/BreadcrumbDemo.axaml b/demo/Ursa.Demo/Pages/BreadcrumbDemo.axaml
index 0df146e..101542e 100644
--- a/demo/Ursa.Demo/Pages/BreadcrumbDemo.axaml
+++ b/demo/Ursa.Demo/Pages/BreadcrumbDemo.axaml
@@ -19,6 +19,7 @@
         
         <u:Breadcrumb>
             <TextBlock Text="Hello" />
+            <u:BreadcrumbItem Content="World" IsReadOnly="True"></u:BreadcrumbItem>
             <u:BreadcrumbItem Icon="?" Separator="♥" />
             <TextBlock Text="Avalonia" />
             <TextBlock Text="Ursa" />
@@ -29,7 +30,7 @@
             <TextBlock Text="Avalonia" />
             <TextBlock Text="Ursa" />
         </u:Breadcrumb>
-        <u:Breadcrumb IsReadOnly="True">
+        <u:Breadcrumb>
             <TextBlock Text="Hello" />
             <u:BreadcrumbItem Icon="?" Separator="♥" />
             <TextBlock Text="Avalonia" />
@@ -40,6 +41,11 @@
             IconBinding="{Binding Icon}"
             CommandBinding="{Binding Command}"
             ItemsSource="{Binding Items1}">
+            <u:Breadcrumb.Styles>
+                <Style Selector="u|BreadcrumbItem" x:DataType="vm:BreadcrumbDemoItem">
+                    <Setter Property="IsReadOnly" Value="{Binding IsReadOnly}"/>
+                </Style>
+            </u:Breadcrumb.Styles>
             <u:Breadcrumb.IconTemplate>
                 <DataTemplate DataType="x:String">
                     <PathIcon Width="12" Height="12" Data="{Binding Path=., Converter={StaticResource IconConverter}}"></PathIcon>
diff --git a/demo/Ursa.Demo/ViewModels/BreadcrumbDemoViewModel.cs b/demo/Ursa.Demo/ViewModels/BreadcrumbDemoViewModel.cs
index babdf6d..d5dbbee 100644
--- a/demo/Ursa.Demo/ViewModels/BreadcrumbDemoViewModel.cs
+++ b/demo/Ursa.Demo/ViewModels/BreadcrumbDemoViewModel.cs
@@ -18,15 +18,16 @@ public class BreadcrumbDemoViewModel: ObservableObject
             new BreadcrumbDemoItem() { Section = "Page 1", Icon = "Page" },
             new BreadcrumbDemoItem() { Section = "Page 2", Icon = "Page" },
             new BreadcrumbDemoItem() { Section = "Page 3", Icon = "Page" },
-            new BreadcrumbDemoItem() { Section = "Page 4", Icon = "Page" },
+            new BreadcrumbDemoItem() { Section = "Page 4", Icon = "Page", IsReadOnly = true},
         };
     }
 }
 
-public class BreadcrumbDemoItem: ObservableObject
+public partial class BreadcrumbDemoItem: ObservableObject
 {
     public string Section { get; set; }
     public string Icon { get; set; }
+    [ObservableProperty] private bool _isReadOnly;
     
     public ICommand Command { get; set; }
 
diff --git a/src/Ursa.Themes.Semi/Controls/Breadcrumb.axaml b/src/Ursa.Themes.Semi/Controls/Breadcrumb.axaml
index 03b74a1..a14d0e2 100644
--- a/src/Ursa.Themes.Semi/Controls/Breadcrumb.axaml
+++ b/src/Ursa.Themes.Semi/Controls/Breadcrumb.axaml
@@ -19,13 +19,9 @@
                 <ItemsPresenter ItemsPanel="{TemplateBinding ItemsPanel}" />
             </ControlTemplate>
         </Setter>
-        <Style Selector="^[IsReadOnly=True]">
-            <Setter Property="ItemContainerTheme" Value="{DynamicResource ReadOnlyBreadcrumbItem}"></Setter>
-        </Style>
     </ControlTheme>
 
     <ControlTheme x:Key="{x:Type u:BreadcrumbItem}" TargetType="u:BreadcrumbItem">
-        <Setter Property="Cursor" Value="Hand" />
         <Setter Property="Template">
             <ControlTemplate TargetType="u:BreadcrumbItem">
                 <Border Background="Transparent">
@@ -61,6 +57,9 @@
                 </Border>
             </ControlTemplate>
         </Setter>
+        <Style Selector="^[IsReadOnly=False]">
+            <Setter Property="Cursor" Value="Hand"></Setter>
+        </Style>
         <Style Selector="^:last">
             <Style Selector="^ /template/ ContentPresenter#PART_IconPresenter">
                 <Setter Property="Foreground" Value="{DynamicResource SemiColorText0}" />
@@ -72,7 +71,7 @@
             <Style Selector="^ /template/ ContentPresenter#Separator">
                 <Setter Property="IsVisible" Value="False" />
             </Style>
-            <Style Selector="^:pointerover">
+            <Style Selector="^[IsReadOnly=False]:pointerover">
                 <Style Selector="^ /template/ ContentPresenter#PART_IconPresenter">
                     <Setter Property="Foreground" Value="{DynamicResource SemiBlue5}" />
                 </Style>
@@ -81,7 +80,7 @@
                 </Style>
             </Style>
         </Style>
-        <Style Selector="^:pointerover">
+        <Style Selector="^[IsReadOnly=False]:pointerover">
             <Style Selector="^ /template/ ContentPresenter#PART_IconPresenter">
                 <Setter Property="Foreground" Value="{DynamicResource SemiBlue5}" />
             </Style>
@@ -90,55 +89,4 @@
             </Style>
         </Style>
     </ControlTheme>
-    
-    <ControlTheme x:Key="ReadOnlyBreadcrumbItem" TargetType="u:BreadcrumbItem">
-        <Setter Property="Cursor" Value="Hand" />
-        <Setter Property="Template">
-            <ControlTemplate TargetType="u:BreadcrumbItem">
-                <Border Background="Transparent">
-                    <StackPanel Orientation="Horizontal">
-                        <ContentPresenter
-                            Name="PART_IconPresenter"
-                            Margin="0,0,4,0"
-                            VerticalAlignment="Center"
-                            Content="{TemplateBinding Icon}"
-                            ContentTemplate="{TemplateBinding IconTemplate}"
-                            Foreground="{DynamicResource SemiColorText2}"
-                            IsVisible="{TemplateBinding Icon,
-                                                        Converter={x:Static ObjectConverters.IsNotNull}}" />
-                        <ContentPresenter
-                            Name="PART_ContentPresenter"
-                            VerticalAlignment="Center"
-                            Content="{TemplateBinding Content}"
-                            ContentTemplate="{TemplateBinding ContentTemplate}"
-                            Foreground="{DynamicResource SemiColorText2}"
-                            IsVisible="{TemplateBinding Content,
-                                                        Converter={x:Static ObjectConverters.IsNotNull}}" />
-                        <ContentPresenter
-                            Name="Separator"
-                            Margin="4,0 0 0"
-                            VerticalAlignment="Center"
-                            Content="{TemplateBinding Separator}"
-                            Foreground="{DynamicResource SemiColorText3}">
-                            <ContentPresenter.IsVisible>
-                                <TemplateBinding Converter="{x:Static ObjectConverters.IsNotNull}" Property="Separator" />
-                            </ContentPresenter.IsVisible>
-                        </ContentPresenter>
-                    </StackPanel>
-                </Border>
-            </ControlTemplate>
-        </Setter>
-        <Style Selector="^:last">
-            <Style Selector="^ /template/ ContentPresenter#PART_IconPresenter">
-                <Setter Property="Foreground" Value="{DynamicResource SemiColorText0}" />
-            </Style>
-            <Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
-                <Setter Property="Foreground" Value="{DynamicResource SemiColorText0}" />
-                <Setter Property="FontWeight" Value="Bold" />
-            </Style>
-            <Style Selector="^ /template/ ContentPresenter#Separator">
-                <Setter Property="IsVisible" Value="False" />
-            </Style>
-        </Style>
-    </ControlTheme>
 </ResourceDictionary>
diff --git a/src/Ursa/Controls/Breadcrumb/Breadcrumb.cs b/src/Ursa/Controls/Breadcrumb/Breadcrumb.cs
index b54a5ec..4818d40 100644
--- a/src/Ursa/Controls/Breadcrumb/Breadcrumb.cs
+++ b/src/Ursa/Controls/Breadcrumb/Breadcrumb.cs
@@ -56,15 +56,6 @@ public class Breadcrumb: ItemsControl
         get => GetValue(IconTemplateProperty);
         set => SetValue(IconTemplateProperty, value);
     }
-
-    public static readonly StyledProperty<bool> IsReadOnlyProperty = AvaloniaProperty.Register<Breadcrumb, bool>(
-        nameof(IsReadOnly));
-
-    public bool IsReadOnly
-    {
-        get => GetValue(IsReadOnlyProperty);
-        set => SetValue(IsReadOnlyProperty, value);
-    }
     
     static Breadcrumb()
     {
diff --git a/src/Ursa/Controls/Breadcrumb/BreadcrumbItem.cs b/src/Ursa/Controls/Breadcrumb/BreadcrumbItem.cs
index 35aa6e1..64aaf9f 100644
--- a/src/Ursa/Controls/Breadcrumb/BreadcrumbItem.cs
+++ b/src/Ursa/Controls/Breadcrumb/BreadcrumbItem.cs
@@ -49,11 +49,19 @@ public class BreadcrumbItem: ContentControl
         set => SetValue(IconTemplateProperty, value);
     }
 
+    public static readonly StyledProperty<bool> IsReadOnlyProperty = AvaloniaProperty.Register<BreadcrumbItem, bool>(
+        nameof(IsReadOnly));
+
+    public bool IsReadOnly
+    {
+        get => GetValue(IsReadOnlyProperty);
+        set => SetValue(IsReadOnlyProperty, value);
+    }
+
     protected override void OnPointerPressed(PointerPressedEventArgs e)
     {
         base.OnPointerPressed(e);
-        var parent = this.FindLogicalAncestorOfType<Breadcrumb>();
-        if (parent?.IsReadOnly != true)
+        if (!IsReadOnly)
         {
             Command?.Execute(null);
         }