【问题标题】:Are bootstrap 4.6 buttons supposed to have inset shadow on active?bootstrap 4.6 按钮是否应该在活动时具有嵌入阴影?
【发布时间】:2021-10-30 07:56:05
【问题描述】:

Bootstrap 4.6 spec says

激活时按钮将显示为按下状态(背景较暗、边框较暗和嵌入阴影

在检查时,我没有看到任何嵌入框阴影被应用。不仅如此,对inset关键字做ctrl + F整个bootstrap css file什么都不匹配。

我们真的应该有一个嵌入/内阴影,还是一个错字?


P.S:我已将其添加为 issue on github

【问题讨论】:

    标签: html css twitter-bootstrap bootstrap-4


    【解决方案1】:

    在您单击按钮时出现框阴影的地方签出此代码。您可以删除框阴影。这个活跃的盒子阴影在焦点上。

    .btn-primary.focus,.btn-primary:focus { 颜色:#fff; 背景颜色:#0069d9; 边框颜色:#0062cc; 盒子阴影:0 0 0 0.2rem rgb(38 143 255 / 50%); } .btn.focus,.btn:焦点{ 大纲:0; 盒子阴影:0 0 0 0.2rem rgb(0 123 255 / 25%); }

    【讨论】:

    • 这是一个外框阴影,而不是我在问题中所说的插入/内框阴影。
    • 那么它应该是背景色而不是插入框阴影检查相同的代码还有焦点上的背景色。
    • 背景颜色与嵌入阴影完全不同。我的问题只是关于 inset-shadow。
    • 只需要在box-shadow中写入inset .btn.focus, .btn:focus { box-shadow: inset 0 0 0 0.2rem rgb(0 123 255 / 25%); }
    • 问题不是如何应用inset box-shadow;问题是引导意味着是否将inset 阴影放在活动按钮上?他们忘记在代码中实现了吗?
    猜你喜欢
    • 1970-01-01
    • 2012-10-23
    • 2016-07-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-17
    • 1970-01-01
    相关资源
    最近更新 更多