Is there a way to use vendor prefixes in tailwind css?
.search::-webkit-search-cancel-button{ display: none; }
To apply styles to vendor-specific pseudo-classes or pseudo-elements in Tailwind, arbitrary variants can be used.
For example, to hide the ::-webkit-search-cancel-button on a specific <input> element:
::-webkit-search-cancel-button
<input>
<input class="[&::-webkit-search-cancel-button]:hidden" type="search" />
To apply styles to vendor-specific pseudo-classes or pseudo-elements in Tailwind, arbitrary variants can be used.
For example, to hide the
::-webkit-search-cancel-buttonon a specific<input>element: