Customize select element styles on Windows - #17861
Merged
Merged
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
This PR adds an opt-in, modern CSS styling path for .b3-select so that browsers supporting the new customizable <select> feature can render the dropdown picker in a menu-like style consistent with the app’s .b3-menu visuals.
Changes:
- Add an
@supports (appearance: base-select)block to enableappearance: base-selecton.b3-selectwhere available. - Style the select picker popup via
::picker(select)to match menu theming (colors, radius, shadow, border, padding). - Hide the native picker icon (
::picker-icon) and tune option presentation (padding/hover/checked/checkmark).
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Contributor
Author
|
再改一下滚动条 |
TCOTC
marked this pull request as draft
June 15, 2026 05:42
TCOTC
marked this pull request as ready for review
June 15, 2026 05:50
Member
|
改好了说 |
Contributor
Author
|
已经改好了 |
Member
|
Mac 上原生的更好看，且滚动条粗细适配。 |
Vanessa219
changed the title
Contributor
Author
|
你截图那个是思源的菜单。Mac 上这种才是原生的，并且 Mac 上的原生下拉菜单是不会有滚动条的： 
|
Member
|
嗯嗯，看这个 
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description / 描述
Note
我不确定移动端实际上能不能用这个样式、要不要也统一使用这个样式，目前先统一用了
增加跨平台统一的 .b3-select 样式：
样式跟 .b3-menu 一样：
参考资料：
Type of change / 变更类型
缺陷修复
代码重构
新功能
修改文案或增加新语言
Checklist / 检查清单
我对自己的代码进行了自我审查
我拥有所提交代码的完整权利，并同意其以本项目的 AGPL-3.0 许可证授权
devbranch and has no merge conflictsPR 提交到
dev分支，并且没有合并冲突