如何解决Streamlit中st.multiselect清除按钮因HTML类名动态变化无法隐藏的问题？

别再盯着动态变化的类名死磕了，Streamlit的这个“清除全部”按钮有固定的HTML属性，靠这些属性定位就能搞定刷新后失效的问题。

直接可用的代码 #

把这段代码放在你Streamlit应用的最开头（所有页面定义、组件渲染之前）：

st.markdown("""
<style>
/* 定位title为Clear all的清除全部按钮 */
svg[title='Clear all'] {
    display: none !important;
}
</style>
""", unsafe_allow_html=True)

为什么这招管用？ #

你之前用类名失效，是因为Streamlit会动态生成st-xxx这类类名，刷新就变。但“清除全部”按钮的title='Clear all'、aria-label='Clear all'这些属性是固定不变的，用CSS属性选择器svg[title='Clear all']就能精准找到它，再用display: none !important强制隐藏——!important是为了盖过Streamlit自带的样式，确保生效。

保险起见的进阶写法 #

要是担心单个属性不够精准，可以组合多个固定属性定位，进一步缩小目标范围：

svg[data-baseweb="icon"][role="button"][title='Clear all'] {
    display: none !important;
}

这样不管页面怎么刷新，只要按钮的核心属性没变，这个样式就一直有效，“清除全部”按钮会被隐藏，已选元素的单个删除X也能正常显示，不会出现重叠问题。

内容的提问来源于stack exchange，提问作者Indranil