离子2上的大小调整按钮

Question

一个非常简单的问题，

我希望我的所有按钮在离子2中占据我的列宽度的90％，而不依赖于里面的文本

.button-pink {
    color: #F63566;
    background-color: white;
    text-transform: uppercase;
    font-size: 75%;
    border: 2px solid #F63566;
    padding: 6% 23%;
    margin: auto;
    white-space: nowrap;
    text-align: center;
    font-family: "SanFranciscoText-Regular";
    font-weight: bold;
    letter-spacing: 0.3em;
}

这是我的按钮css，我无法使它们适合列的宽度，并且不依赖于文本（如果我更改按钮内的文本，大小正在改变，我不会'我想要那个）

提前感谢大家好日子！

Answer 1

您需要在CSS中设置按钮的宽度。

.button-pink {
  width: 90%;
}