Question

是否可以在带有＆＃34; btn btn-default＆＃34;类的标签中创建文本？匹配背景图片？我在Razor中使用Bootstrap 3.3.7。

以下是相关代码：

<a class="btn btn-default" href="@Url.Action("Login", "Account")">Log in</a>

我想让按钮的文字与背景相符。当前的按钮显示在以下链接提供的图像中：

Log in button

正如您所看到的，按钮中的文字只是灰色，但我希望文字与背景相匹配，完全。是否可以使此按钮中的文本与Razor视图中的背景相匹配（Bootstrap 3.3.7）？

以下是我想要的example，但在Android中实现。

谢谢！

修改：我已经看过solution了。这个问题是当我向上和向下滚动页面时，文本与背后的背景不匹配，就好像文本一直保持在页面顶部的相同位置。该文本实际上是嵌套的，如以下代码所示：

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="btn btn-default" href="@Url.Action("Login", "Account")">

我想要的简化版：

Link that shows exactly what I want

我很抱歉在开始时没有更清楚，但你看到＆＃34;注册＆＃34;和＆＃34;登录＆＃34;右上角的按钮？我想＆＃34;注册＆＃34;和＆＃34;登录＆＃34;要透明，所以当你向上和向下滚动时，你可以看到背景到＆＃34;注册＆＃34;和＆＃34;登录＆＃34;。

Answer 1

有可能。你不需要引导程序。

button {
  padding: 10px 50px;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  border: 2px solid #fff;
  border-radius: 3px;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  transition: all 0.6s ease;
  cursor: pointer;
}
button:hover {
  background-color: #fff;
  color: #222;
}

尝试codepen链接以供参考

可以使用类＆＃34; btn btn-default＆＃34;在标签中创建文本。（Bootstrap 3.3.7）匹配背景？

1 个答案:

可以使用类＆＃34; btn btn-default＆＃34;在标签中创建文本。 （Bootstrap 3.3.7）匹配背景？

1 个答案:

可以使用类＆＃34; btn btn-default＆＃34;在标签中创建文本。（Bootstrap 3.3.7）匹配背景？