css - Foundation，如何设置像onclick这样的按钮？

Question

我在 Rails 应用程序中使用了基础，现在我想设置一个普通按钮的样式：

  <a href="#" class="button">Default Button</a>

就像它被点击时一样！问题是我在基础代码中找不到任何类，例如“活动”或“悬停”。

Answer 1

There should be styling for :hover in the foundation.css file - about half way around the 1300 line mark.

  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #1968e7; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }

you could add an :active selector there if you would like or in your own stylesheet as there are not :active states in the foundation styles.