html - <select> html 标签在 chrome 和 safari 中不可见

标签 html css reactjs tailwind-css

我正在构建一个 react 应用程序并使用选择标签进行多个数据选择但是选择标签工作正常,但此标签的外观存在问题

  • Chrome 外观 enter image description here

  • 在 Safari 中的外观 enter image description here

在此link它说 标签在两种浏览器中都支持。有什么办法可以解决吗

最佳答案

您可以使用 appearance-none,它是 tailwindCSS 中的一个类,可删除任何浏览器特定的样式。

资源:https://tailwindcss.com/docs/appearance

关于html - <select> html 标签在 chrome 和 safari 中不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68258111/

相关文章:

javascript - 如何使用 JavaScript SDK 在 AWS Polly 中播放 AudioStream 响应?

html - 最小宽度为 "becomes a block"的流体元素

html - CSS布局问题: tabs should overlap the frame

html - 如何使用透明 div 禁用所有 div 内容?

javascript - 函数表达式在渲染函数中的表现

HTML 页面大小 - 页面重量

html - 如何防止我的 ul 列表断线? [duplicate3 - 仍然找不到解决方案]

javascript - 从 Javascript 中的命名 CSS 样式获取字段

javascript - ReactJS 用于编辑评论

javascript - React router v6 在路由上遇到空白页面