主题滚轮点击按钮后如何去除阴影效果

Question

我知道这可能是一个愚蠢的问题。一段时间以来，我一直在尝试消除单击 ThemeRoller 中的任何按钮后出现的阴影。数据主题滚轮中没有提供更改颜色或删除颜色的选项。

任何人都可以帮我吗？

谢谢

编辑1 好吧，在研究了 css 之后，这对我有用

/* Focus buttons and text inputs with div wrap */
.ui-page-theme-c .ui-focus,
html .ui-bar-c .ui-focus,
html .ui-body-c .ui-focus,
html body .ui-group-theme-c .ui-focus,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-body-c.ui-focus {
    -webkit-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
} 

将阴影设置为 0px，而不是默认的 12px。

注意：你必须在各自的主题中执行此操作，就像我的主题是 data-theme-c

感谢分享答案的人

Answer 1

你可以尝试以下款式：

button:active{
box-shadow: none !important;
}

如果问题与盒子阴影无关，请尝试使用轮廓。

Answer 2

好吧，在研究了 css 之后，这对我有用

/* Focus buttons and text inputs with div wrap */
.ui-page-theme-c .ui-focus,
html .ui-bar-c .ui-focus,
html .ui-body-c .ui-focus,
html body .ui-group-theme-c .ui-focus,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-body-c.ui-focus {
    -webkit-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
} 

将阴影设置为 0px，而不是默认的 12px。

注意：你必须在各自的主题中执行此操作，例如我的主题是 data-theme-c

感谢分享答案的人

Answer 3

我遇到了同样的问题（仅限移动版）。但由于我不是专业人士，我不知道如何将您的代码个性化到我自己的网站。请问你能帮帮我吗？ :)

https://preview.webflow.com/preview/bkinkytattoo?utm_medium=preview_link&utm_source=designer&utm_content=bkinkytattoo&preview=ec8677311d241d809a236b1ebc3a0ed5&locale=nl&workflow=preview