gpt4 book ai didi

html - 将CSS添加到按钮

转载 作者:太空宇宙 更新时间:2023-11-03 22:34:09 24 4
gpt4 key购买 nike

如何将 css 样式添加到此按钮。按钮 HTML:

<html>
<body>
<button onclick="myFunction()">Player</button>
<script>
function myFunction() {
alert('what ever');
}
</script>
</body>
</html>

我要添加 CSS

<style>
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>

如果有已回答的问题,请发送链接。谢谢

最佳答案

您可以将 class="button" 添加到按钮以使其工作。因为您的 CSS .button 将用于每个具有 class="button"

的元素

 function myFunction() {
alert('what ever')
}
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
<button class="button" onclick="myFunction()">Player</button>

Read more about how CSS Selectors work here

关于html - 将CSS添加到按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47267399/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com