diff --git a/src/BootstrapBlazor.Shared/Samples/MultiSelects.razor b/src/BootstrapBlazor.Shared/Samples/MultiSelects.razor
index 41bfa53af03f053c347e31bd931b114a528506ba..b0c014edafe2f6591e32feb2c2d58ec53cda4e8a 100644
--- a/src/BootstrapBlazor.Shared/Samples/MultiSelects.razor
+++ b/src/BootstrapBlazor.Shared/Samples/MultiSelects.razor
@@ -207,7 +207,7 @@
 <DemoBlock Title="@Localizer["PopoverTitle"]" Introduction="@Localizer["PopoverIntro"]" Name="Popover">
     <div class="row">
         <div class="col-12 col-sm-6 overflow-hidden">
-            <MultiSelect TValue="string" Items="@Items" IsPopover="true" />
+            <MultiSelect TValue="string" Items="@Items" IsPopover="true" ShowSearch="true" />
         </div>
     </div>
 </DemoBlock>
diff --git a/src/BootstrapBlazor.Shared/Samples/Selects.razor b/src/BootstrapBlazor.Shared/Samples/Selects.razor
index 57b964706d480d06082f3d59c1dc3aa6b0f3700f..b3984e0bcc5e6fec3e32551c85d95f868eebcae9 100644
--- a/src/BootstrapBlazor.Shared/Samples/Selects.razor
+++ b/src/BootstrapBlazor.Shared/Samples/Selects.razor
@@ -284,7 +284,7 @@
 <DemoBlock Title="@Localizer["PopoverTitle"]" Introduction="@Localizer["PopoverIntro"]" Name="Popover">
     <div class="row">
         <div class="col-12 col-sm-6 overflow-hidden">
-            <Select TValue="string" Items="Items" IsPopover="true" />
+            <Select TValue="string" Items="Items" IsPopover="true" ShowSearch="true" />
         </div>
     </div>
 </DemoBlock>
diff --git a/src/BootstrapBlazor/Components/Select/MultiSelect.razor b/src/BootstrapBlazor/Components/Select/MultiSelect.razor
index 62c434b5fd9927a8c1eade706a2c52c76ee60e99..5665847f3be21a8ad2347042fea167bfd81af791 100644
--- a/src/BootstrapBlazor/Components/Select/MultiSelect.razor
+++ b/src/BootstrapBlazor/Components/Select/MultiSelect.razor
@@ -7,7 +7,7 @@
     <BootstrapLabel required="@Required" for="@Id" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
 <div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id">
-    <div class="@ToggleClassString" data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString" data-bs-offset="@OffsetString" data-bs-auto-close="outside" tabindex="0">
+    <div class="@ToggleClassString" data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString" data-bs-offset="@OffsetString" data-bs-auto-close="outside" data-bs-custom-class="@CustomClassString" tabindex="0">
         <div class="@PlaceHolderClassString">@PlaceHolder</div>
         <div class="multi-select-items">
             @foreach (var item in SelectedItems)
@@ -28,7 +28,7 @@
             }
         </div>
     </div>
-    <div class="@DropdownMenuClassString">
+    <div class="dropdown-menu">
         @if (ShowSearch)
         {
             <div class="search">
diff --git a/src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs b/src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs
index 3528ee02cc272a7ddc1cdf5c122b5decf0113545..8ac5452351b6257b6e9641c05118d24f523d2817 100644
--- a/src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs
+++ b/src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs
@@ -317,7 +317,7 @@ public partial class MultiSelect<TValue>
         var data = Items;
         if (ShowSearch && !string.IsNullOrEmpty(SearchText) && OnSearchTextChanged != null)
         {
-            data = OnSearchTextChanged.Invoke(SearchText).ToList();
+            data = OnSearchTextChanged(SearchText).ToList();
         }
         return data;
     }
diff --git a/src/BootstrapBlazor/Components/Select/PopoverSelectBase.cs b/src/BootstrapBlazor/Components/Select/PopoverSelectBase.cs
index 6ad8833c692415a4713aa473f2b64226cba405a8..8091ba91458c3ab9c47199509064049166a42aed 100644
--- a/src/BootstrapBlazor/Components/Select/PopoverSelectBase.cs
+++ b/src/BootstrapBlazor/Components/Select/PopoverSelectBase.cs
@@ -22,6 +22,13 @@ public class PopoverSelectBase<TValue> : ValidateBase<TValue>
     [Parameter]
     public bool IsPopover { get; set; }
 
+    /// <summary>
+    /// 获得/设置 自定义样式 参数 <see cref="IsPopover"/> 设置为 true  时生效 默认 null
+    /// </summary>
+    /// <remarks>由 data-bs-custom-class 实现</remarks>
+    [Parameter]
+    public string? CustomClass { get; set; }
+
     /// <summary>
     /// 获得/设置 弹窗偏移量 默认 [0, 10]
     /// </summary>
@@ -33,11 +40,6 @@ public class PopoverSelectBase<TValue> : ValidateBase<TValue>
     /// </summary>
     protected string? ToggleString => IsPopover ? Constants.DropdownToggleString : "dropdown";
 
-    /// <summary>
-    /// 下拉菜单样式字符串
-    /// </summary>
-    protected string? DropdownMenuClassString => IsPopover ? "dropdown-menu" : "dropdown-menu shadow";
-
     /// <summary>
     /// 弹窗位置字符串
     /// </summary>
@@ -48,6 +50,19 @@ public class PopoverSelectBase<TValue> : ValidateBase<TValue>
     /// </summary>
     protected string? OffsetString => IsPopover ? null : Offset;
 
+    /// <summary>
+    /// 获得 CustomClass 字符串
+    /// </summary>
+    protected virtual string? CustomClassString => CssBuilder.Default(CustomClass)
+        .AddClass("shadow", ShowShadow)
+        .Build();
+
+    /// <summary>
+    /// 获得/设置 是否显示阴影 参数 <see cref="IsPopover"/> 设置为 true  时生效 默认 true
+    /// </summary>
+    [Parameter]
+    public bool ShowShadow { get; set; } = true;
+
     /// <summary>
     /// OnParametersSet 方法
     /// </summary>
diff --git a/src/BootstrapBlazor/Components/Select/Select.razor b/src/BootstrapBlazor/Components/Select/Select.razor
index 408ae28b67babd902fdd69db99bec1d59d197596..b0bdad88277b01b44819812e05af0cac809c616e 100644
--- a/src/BootstrapBlazor/Components/Select/Select.razor
+++ b/src/BootstrapBlazor/Components/Select/Select.razor
@@ -14,7 +14,7 @@
         @{
             ResetSelectedItem();
         }
-        <div class="dropdown-toggle" data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString" data-bs-offset="@OffsetString">
+        <div class="dropdown-toggle" data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString" data-bs-offset="@OffsetString" data-bs-custom-class="@CustomClassString">
             @if (DisplayTemplate != null)
             {
                 <div id="@InputId" class="@InputClassString" tabindex="0">
@@ -27,7 +27,7 @@
                 <span class="@AppendClassString"><i class="@DropdownIcon"></i></span>
             }
         </div>
-        <div class="@DropdownMenuClassString">
+        <div class="dropdown-menu">
             @if (ShowSearch)
             {
                 <div class="@SearchClassString">
diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.cs b/src/BootstrapBlazor/Components/Select/Select.razor.cs
index 370d5644487ff24c0464aeee0afe8f1a3ba8bc8d..8c7f3548f8e4a67509c8edb31f7298d0be47e920 100644
--- a/src/BootstrapBlazor/Components/Select/Select.razor.cs
+++ b/src/BootstrapBlazor/Components/Select/Select.razor.cs
@@ -208,7 +208,7 @@ public partial class Select<TValue> : ISelect
     {
         var ds = string.IsNullOrEmpty(SearchText)
             ? DataSource
-            : OnSearchTextChanged.Invoke(SearchText);
+            : OnSearchTextChanged(SearchText);
         var item = ds.ElementAt(index);
         await OnClickItem(item);
         StateHasChanged();
diff --git a/src/BootstrapBlazor/Components/Select/SelectBase.cs b/src/BootstrapBlazor/Components/Select/SelectBase.cs
index a7b10a6c935d0cdbe9070a2b35be0176eff2ffae..b4f9277a569d163949ab0612817d519688348a21 100644
--- a/src/BootstrapBlazor/Components/Select/SelectBase.cs
+++ b/src/BootstrapBlazor/Components/Select/SelectBase.cs
@@ -47,9 +47,9 @@ public abstract class SelectBase<TValue> : PopoverSelectBase<TValue>
     public RenderFragment<SelectedItem>? ItemTemplate { get; set; }
 
     /// <summary>
-    /// 
+    /// 获得/设置 搜索框文本
     /// </summary>
-    protected string SearchText { get; set; } = "";
+    protected string? SearchText { get; set; }
 
     /// <summary>
     /// 获得 SearchIcon 图标字符串 默认增加 icon 样式
@@ -58,6 +58,14 @@ public abstract class SelectBase<TValue> : PopoverSelectBase<TValue>
         .AddClass(SearchIcon)
         .Build();
 
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    protected override string? CustomClassString => CssBuilder.Default()
+        .AddClass("select", IsPopover)
+        .AddClass(base.CustomClassString)
+        .Build();
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
diff --git a/src/BootstrapBlazor/Components/Select/SelectTree.razor b/src/BootstrapBlazor/Components/Select/SelectTree.razor
index b44b800ca7a3647347c3a3d7a3eadd1d721d91f5..5615aa748af280221073514af27b9e1100171301 100644
--- a/src/BootstrapBlazor/Components/Select/SelectTree.razor
+++ b/src/BootstrapBlazor/Components/Select/SelectTree.razor
@@ -7,11 +7,11 @@
     <BootstrapLabel required="@Required" for="@InputId" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
 <div @attributes="AdditionalAttributes" id="@Id" class="@ClassName">
-    <div class="dropdown-toggle" data-bs-toggle="@ToggleString" data-bs-auto-close="outside" data-bs-offset="@OffsetString" data-bs-placement="@PlacementString" aria-expanded="false">
+    <div class="dropdown-toggle" data-bs-toggle="@ToggleString" data-bs-auto-close="outside" data-bs-offset="@OffsetString" data-bs-placement="@PlacementString" data-bs-custom-class="@CustomClassString">
         <input type="text" id="@InputId" readonly disabled="@Disabled" placeholder="@PlaceHolder" class="@InputClassName" value="@SelectedItem?.Text" />
         <span class="@AppendClassName"><i class="@DropdownIcon"></i></span>
     </div>
-    <div class="@DropdownMenuClassString">
+    <div class="dropdown-menu">
         <TreeView TItem="TValue" Items="@Items" ShowIcon="ShowIcon" OnTreeItemClick="OnItemClick" ModelEqualityComparer="@ModelEqualityComparer" CustomKeyAttribute="@CustomKeyAttribute" OnExpandNodeAsync="@OnExpandNodeAsync" />
     </div>
     @if (!IsPopover)
diff --git a/src/BootstrapBlazor/Components/Select/SelectTree.razor.cs b/src/BootstrapBlazor/Components/Select/SelectTree.razor.cs
index 95452b0e532cbcfc30d641541dd47f74af34fc47..969fa2d40a4b40455a0a0602e23a90b4ccab2bba 100644
--- a/src/BootstrapBlazor/Components/Select/SelectTree.razor.cs
+++ b/src/BootstrapBlazor/Components/Select/SelectTree.razor.cs
@@ -10,6 +10,7 @@ namespace BootstrapBlazor.Components;
 /// Select 组件实现类
 /// </summary>
 /// <typeparam name="TValue"></typeparam>
+[JSModuleAutoLoader("select-tree")]
 public partial class SelectTree<TValue>
 {
     /// <summary>
@@ -147,16 +148,19 @@ public partial class SelectTree<TValue>
         PlaceHolder ??= Localizer[nameof(PlaceHolder)];
         ExpansionItems ??= Enumerable.Empty<TreeViewItem<TValue>>();
 
-        var currentItem = ExpansionItems.FirstOrDefault(s => ComparerItem(s.Value, Value));
-        if (currentItem != null)
+        if (Value != null)
         {
-            SelectedItem = currentItem;
-            SelectedItem.IsActive = true;
-            CurrentValue = currentItem.Value;
-
-            if (OnSelectedItemChanged != null)
+            var currentItem = ExpansionItems.FirstOrDefault(s => ComparerItem(s.Value, Value));
+            if (currentItem != null)
             {
-                await OnSelectedItemChanged(SelectedItem.Value);
+                SelectedItem = currentItem;
+                SelectedItem.IsActive = true;
+                CurrentValue = currentItem.Value;
+
+                if (OnSelectedItemChanged != null)
+                {
+                    await OnSelectedItemChanged(SelectedItem.Value);
+                }
             }
         }
     }
diff --git a/src/BootstrapBlazor/wwwroot/modules/base/base-dropdown.js b/src/BootstrapBlazor/wwwroot/modules/base/base-dropdown.js
index 54512e1820d1e9eca367adffd4f75d0f24eaa222..375e482ba670d9919547f2f408c15b967f46906a 100644
--- a/src/BootstrapBlazor/wwwroot/modules/base/base-dropdown.js
+++ b/src/BootstrapBlazor/wwwroot/modules/base/base-dropdown.js
@@ -107,10 +107,26 @@ export class DropdownBase extends BlazorComponent {
             if (!window.bb_dropdown) {
                 window.bb_dropdown = true
 
-                console.log('dropdown')
                 EventHandler.on(document, 'click', closePopover);
             }
         }
+        else {
+            const show = e => {
+                if (this._isDisabled()) {
+                    e.preventDefault()
+                }
+                this._setCustomClass()
+            }
+
+            EventHandler.on(this._element, 'show.bs.dropdown', show)
+        }
+    }
+
+    _setCustomClass() {
+        const extraClass = this._toggle.getAttribute('data-bs-custom-class')
+        if(extraClass) {
+            this._toggleMenu.classList.add(...extraClass.split(' '))
+        }
     }
 
     _isDisabled() {
@@ -125,6 +141,9 @@ export class DropdownBase extends BlazorComponent {
             EventHandler.off(this._element, 'click', '.dropdown-toggle')
             EventHandler.off(this._toggleMenu, 'click', '.dropdown-item')
         }
+        else {
+            EventHandler.off(this._element, 'show.bs.dropdown')
+        }
     }
 
     _execute(args) {
diff --git a/src/BootstrapBlazor/wwwroot/modules/confirm.js b/src/BootstrapBlazor/wwwroot/modules/confirm.js
index 5f2c831879aea4bb5d118ab67f03f044734ad8fc..7697d7100e369421ae4a97b161e8cc78b71244dc 100644
--- a/src/BootstrapBlazor/wwwroot/modules/confirm.js
+++ b/src/BootstrapBlazor/wwwroot/modules/confirm.js
@@ -86,7 +86,6 @@ export class Confirm extends BlazorComponent {
         if (!window.bb_confirm) {
             window.bb_confirm = true
 
-            console.log('confirm')
             EventHandler.on(document, 'click', this._closeConfirm);
         }
     }
diff --git a/src/BootstrapBlazor/wwwroot/modules/select-tree.js b/src/BootstrapBlazor/wwwroot/modules/select-tree.js
new file mode 100644
index 0000000000000000000000000000000000000000..d9dd201c0c3796f437eab052cba3c6175ba38851
--- /dev/null
+++ b/src/BootstrapBlazor/wwwroot/modules/select-tree.js
@@ -0,0 +1,15 @@
+import { DropdownBase } from "./base/base-dropdown.js";
+import { isDisabled } from "./base/index.js";
+
+export class SelectTree extends DropdownBase {
+    _init() {
+        // el, obj, method
+        this._input = this._element.querySelector('.form-select')
+
+        super._init()
+    }
+
+    _isDisabled() {
+        return isDisabled(this._input)
+    }
+}
diff --git a/src/BootstrapBlazor/wwwroot/modules/select.js b/src/BootstrapBlazor/wwwroot/modules/select.js
index e96a0075fb02fe2ef7f3a2ea259d87328a98f0f5..f4b3a19e61b69196fb2c60cbd9979cb678264182 100644
--- a/src/BootstrapBlazor/wwwroot/modules/select.js
+++ b/src/BootstrapBlazor/wwwroot/modules/select.js
@@ -1,13 +1,11 @@
 import EventHandler from "./base/event-handler.js";
-import { isDisabled } from "./base/index.js";
 import { getHeight, getInnerHeight } from "./base/utility.js";
-import { DropdownBase } from "./base/base-dropdown.js";
+import { SelectTree } from "./select-tree.js"
 
-export class Select extends DropdownBase {
+export class Select extends SelectTree {
     _init() {
         // el, obj, method
         this._search = this._element.querySelector('input.search-text')
-        this._input = this._element.querySelector('.form-select')
         this._invoker = this._config.arguments[0]
         this._invokeMethodName = this._config.arguments[1]
 
@@ -17,12 +15,6 @@ export class Select extends DropdownBase {
     _setListeners() {
         super._setListeners()
 
-        const show = e => {
-            if (isDisabled(this._input)) {
-                e.preventDefault()
-            }
-        }
-
         const shown = () => {
             if (this._search) {
                 this._search.focus();
@@ -77,7 +69,6 @@ export class Select extends DropdownBase {
             }
         }
 
-        EventHandler.on(this._element, 'show.bs.dropdown', show)
         EventHandler.on(this._element, 'shown.bs.dropdown', shown);
         EventHandler.on(this._element, 'keydown', keydown)
     }
@@ -106,7 +97,6 @@ export class Select extends DropdownBase {
     }
 
     _dispose() {
-        EventHandler.off(this._element, 'show.bs.dropdown')
         EventHandler.off(this._element, 'shown.bs.dropdown')
         EventHandler.off(this._element, 'keydown')