Ionic 1.2.4和按钮栏边框透明

Question

在Ionic 1.2.4中，我添加了一个按钮栏，但按钮没有任何边框（相反，在官方文档中，它们有边框）。

我有：

<div class="button-bar bar-stable">
   <a class="button">First</a>
   <a class="button">Second</a>
   <a class="button">Third</a>
</div>

我在css中看到过：

.bar-stable .button {
   border-color: transparent;
   background-color: #f8f8f8;
   color: #444; }

为什么Ionic团队制作了

border-color: transparent ?

在Ionic Creator中，我看到以下css代码：

.bar-stable .button {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  color: #444; }

但它使用的是css版本1.1.1

Answer 1

不幸的是，在离子1.2.0中，按钮的边框被删除了，似乎没有通用的解决方案。

看这里Defaulting all button borders to transparent #4861

我目前正在打同样的问题。

Answer 2

我使用内联样式（我知道的不好的做法）作为解决此问题的方法，将边框应用于单个按钮而不必干扰按钮类。像这样：

<button style="border-right: 2px solid #15AB3F;" class="button button-block button-balanced"></button>