如何删除 jQuery Mobile 导航图标的圆形容器？

Posted 2023-05-09

【中文标题】如何删除 jQuery Mobile 导航图标的圆形容器？

【英文标题】：How do I remove the circular container for my jQuery Mobile nav icons?

【发布时间】：2019-03-28 19:27:24

【问题描述】：

如何移除自定义图标周围的圆形容器？

我正在使用 jQuery Mobile，并且已经使用 ui-nodisc-icon 类删除了背景。但是我的图标仍然被裁剪成一个圆圈。在大多数情况下，它们是方形图标。

【问题讨论】：

在元素上使用检查元素并向我们展示它的 css 属性。

【参考方案1】：

尝试将border-radius css属性设置为0px；将此行添加到您的 CSS。

.ui-nodisc-icon
    border-radius:0px !important