更改默认的gumby样式按钮

Question

我正在进行一个胶粘剂项目并使用gumby的defalut风格。

我在下面有一个橡皮按钮：

以下是代码：

<div class="large primary btn"><input type="submit" name="submit" value="Enter now " id="register-submit" href="#entry"></input></div>

我只是想知道，如何将其设计为以下风格：

问题是，“立即输入”是按钮的值。有没有想过要实现这个目标？ 想要保持这种口香糖的风格，但不知道如何改变它。

Answer 1

试试这个让我知道：

<div class="large primary btn">
<input type="submit" name="submit" value="Enter now " id="register-submit" href="#entry">
</input>
<P style="text-align:center;>To input your unique game card code on the next page</p>
</div>

Answer 2

<div class="large primary btn">
    <button type="submit" name="submit"id="register-submit" href="#entry">
        <b>Enter now</b><br/>
        <span style="font-size:12px;">To do something</span>
    </button>
</div>

Answer 3

如果您想使用纯粹的css来实现这一点，您可以使用after伪造的元素，如下所示：

.primary input:after{
    content:'To input your unique game card code on the next page';
}

如果你想在HTML中添加文字，请看Joywer给出的答案。