文章/答案/技术大牛

发布

社区首页 >问答首页 >是否有可能使标签中的文本与类"btn btn-默认值“(Bootstra3.3.7)匹配？

问是否有可能使标签中的文本与类"btn btn-默认值“(Bootstra3.3.7)匹配？
EN

Stack Overflow用户

提问于 2017-08-15 06:19:37

回答 1查看 145关注 0票数 0

是否可以使标签中的文本与类"btn btn-default“与背景图像匹配？我在Razor中使用Bootstrap 3.3.7。

下面是所讨论的代码：

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

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

登录按钮

如您所见，按钮中的文本只是灰色的，，但我希望文本与背景完全匹配，完全是。是否有可能使此按钮中的文本与Razor视图中的背景相匹配(引导3.3.7)？

这是我想要的，但在Android中实现的示例。

谢谢!

编辑：，我已经看过解决方案了。这方面的问题是，当我上下滚动页面时，文本本身与背景不匹配，就好像文本始终停留在页面顶部的相同位置一样。文本实际上是嵌套的，如下代码所示：

<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")">

我想要的简化版

链接，它显示了我想要的

很抱歉，在开始的时候没有更清晰，但你看到了“注册”和“登录”按钮在顶部对不对？我希望“注册”和“登录”是transparent，，所以当你上下滚动时，你可以通过“注册”和“登录”看到背景。

css

twitter-bootstrap

razor

回答 1

Stack Overflow用户

发布于 2017-08-15 07:04:29

这是可能的。你不需要引导。

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;
}

尝试使用码页链接作为参考。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45687441

复制

相似问题

问是否有可能使标签中的文本与类"btn btn-默认值“(Bootstra3.3.7)匹配？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有可能使标签中的文本与类"btn btn-默认值“(Bootstra3.3.7)匹配？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有可能使标签中的文本与类"btn btn-默认值“(Bootstra3.3.7)匹配？
EN