Css 如何去掉图标的边框?

Css 如何去掉图标的边框?,css,reactjs,tailwind-css,web-frontend,Css,Reactjs,Tailwind Css,Web Frontend,我的目标是使图标发光,但如果应用阴影,它会有一个丑陋的圆形div 反应代码: 遮阳帘为0 0 20px 7px rgb255 204 51/66% 我得到的输出:我得到了那个大纲 我还尝试过使用outline none,但不起作用。元素始终是正方形和矩形,或者具有半径,甚至是圆形,但从不自定义形状 尝试使用::before伪元素 .iconClassName::before、.iconClassName::before:悬停、.iconClassName::before:活动{内容:;框阴影:0

我的目标是使图标发光,但如果应用阴影,它会有一个丑陋的圆形div

反应代码:

遮阳帘为0 0 20px 7px rgb255 204 51/66%

我得到的输出:我得到了那个大纲


我还尝试过使用outline none,但不起作用。

元素始终是正方形和矩形,或者具有半径,甚至是圆形,但从不自定义形状

尝试使用::before伪元素

.iconClassName::before、.iconClassName::before:悬停、.iconClassName::before:活动{内容:;框阴影:0 0 20px 7px rgb255 204 51/66%} 也许你必须编辑宽度/高度、位置


尝试删除边界半径,但如果没有最少的示例代码,就很难尝试

我猜您正在使用的图标库正在渲染SVG元素。在SVG上使用方框阴影会在您发布的图像中产生效果

SVG可以显示阴影,您可以阅读有关阴影的内容,但当使用预先存在的库时,修改阴影可能会很困难

对于CSS驱动的阴影,您可以在过滤器中使用drop shadow,但是我总是发现效果太淡:

filter: drop-shadow( 0 0 5px rgba(255, 204, 51, .66));

请注意,drop shadow有。

您使用的是哪个图标库?寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码,最好是以最短的格式。看见
filter: drop-shadow( 0 0 5px rgba(255, 204, 51, .66));