如何在基础 zurb 中制作活动按钮 [英] how to make active button in foundation zurb

问题描述

我已经尝试使用以下代码在 F5 中创建一个活动按钮，但它没有提供活动类效果，请告诉我为什么?

I have tried the following code to create an active button in F5, but its NOT giving active class effect, please let me know why?

    <ul class="button-group radius small">
      <li class="active"><a href="#" class="button small alert">Button 1</a></li>
      <li><a href="#" class="button small alert">Button 2</a></li>
      <li><a href="#" class="button small alert">Button 3</a></li>
      <li><a href="#" class="button small alert">Button 4</a></li>
    </ul>

推荐答案

Zurb 基金会没有任何用于按钮组的活动类.你可以在这里看到 http://foundation.zurb.com/docs/components/button_groups.html

Zurb foundation does not have any active classes for button groups. You can see here http://foundation.zurb.com/docs/components/button_groups.html

如果您想添加一个活动类，请创建一个类添加到您的活动按钮中，

If you want add an active class create one class add to your active buttons,

    .activebutton{

    background-color: #970b0e;

    }

这篇关于如何在基础 zurb 中制作活动按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！