css 背景可点击，而不是文本

x33g5p2x 于 2024-01-09 发布在其他

关注(0)|答案(2)|浏览(137)

我有一个字段，当你点击Google网站打开。但我的问题是，我想点击整个字段，而不仅仅是文本！

.section {
    display: flex;
    justify-content: center;
}
.alignment {
    width: 500px;
}
#back-style {
    text-align: center;
    color: white;
    background-color: #e6e6e6;
    line-height: 2.5;
}

个字符

css

来源：https://stackoverflow.com/questions/77733770/background-clickable-and-not-the-text

2条答案

按热度按时间

zkure5ic1#

考虑将#back-style作为link元素。您需要应用display: block并删除color: white，以使其看起来与原始代码相同。

.section {
    display: flex;
    justify-content: center;
}
.alignment {
    width: 500px;
}
#back-style {
    display: block;
    text-align: center;
    background-color: #e6e6e6;
    line-height: 2.5;
}

个字符

赞(0）回复(0）举报 2024-01-09

guz6ccqo2#

<a>标签是使某个东西可以点击的东西。它应该扩展到你想要点击的整个部分，所以我把它从div中拉出来：

<section class="section">
    <div class="alignment">
        <a href="https://www.google.com">
            <div id="back-style">Google</div>
        </a>
    </div>
</section>

字符串

赞(0）回复(0）举报 2024-01-09

我来回答

css 背景可点击，而不是文本

2条答案

相关问题

热门标签

最新问答