是否可以在带有＆＃34; btn btn-default＆＃34;类的标签中创建文本？匹配背景图片？我在Razor中使用Bootstrap 3.3.7。
以下是相关代码：
<a class="btn btn-default" href="@Url.Action("Login", "Account")">Log in</a>
我想让按钮的文字与背景相符。当前的按钮显示在以下链接提供的图像中：
正如您所看到的，按钮中的文字只是灰色，但我希望文字与背景相匹配，完全。是否可以使此按钮中的文本与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;。
答案 0 :(得分：0)
有可能。你不需要引导程序。
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链接以供参考