tailwind-css - Tailwind 供应商前缀

标签 tailwind-css vendor-prefix

有没有办法在 tailwind css 中使用供应商前缀?

.search::-webkit-search-cancel-button{
  display: none;
}

最佳答案

要将样式应用于 Tailwind 中特定于供应商的伪类或伪元素,可以使用任意变体。

例如,隐藏 ::-webkit-search-cancel-button 在特定的<input>元素:

<input class="[&::-webkit-search-cancel-button]:hidden" type="search" />

关于tailwind-css - Tailwind 供应商前缀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73062435/

相关文章:

css - 使用 webpack 结合顺风 css 和 sass

postcss - 带有 Tailwind 和 postcss 的 Hexo

html - 为什么 flexbox 在包装元素时不将后续内容向下推?

internet-explorer - CSS - border-radius 在 IE6/7/8 中不显示

css - 我应该相信 Chrome 的审核工具吗?

html - 使用 `fill="url(#a )"` ?

html - 更改相对 div 中绝对按钮的顺序

css - 为什么 text-align 的浏览器前缀有不同的行为,哪个是正确的?

html - mozilla 和 chrome 的结构布局差异

internet-explorer - Microsoft Edge 会使用 -webkit- 或 -ms- 等前缀吗?