Css 如何去掉图标的边框?
我的目标是使图标发光,但如果应用阴影,它会有一个丑陋的圆形div 反应代码: 遮阳帘为0 0 20px 7px rgb255 204 51/66% 我得到的输出:我得到了那个大纲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
我还尝试过使用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));