當我洗掉這一行時，它可以正常作業，但是當我添加時，它就不行了。
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>New</title>
<style>
button {
display: block;
margin: auto;
padding: 10px 15px;
color: #354259;
background-color: #ECE5C7; <! -- this one -- !>
}
</style>
</head>
<body>
<button>Apply now</button>
</body>
</html>
先感謝您。
uj5u.com熱心網友回復：
您的代碼運行良好。您正在覆寫按鈕元素的默認 CSS，而不是定義懸停時要做什么，這很好，但看起來不太好（CSS）
嘗試告訴您的元素如何執行如下 onhover 事件。
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>New</title>
<style>
button {
display: block;
margin: auto;
padding: 10px 15px;
color: #354259;
cursor: pointer;
background-color: #ECE5C7;
<! -- this one -- !>
}
button:hover {
display: block;
margin: auto;
padding: 10px 15px;
color: #354259;
cursor: pointer;
background-color: black;
<! -- this one -- !>
}
</style>
</head>
<body>
<button>Apply now</button>
</body>
</html>uj5u.com熱心網友回復：
歡迎來到 StackOverflow。
當我將您的代碼放入 codepen 時，它似乎運行良好
https://codepen.io/Javscript/pen/ExQorEN?editors=1000
codepen
它可能看起來不起作用，但確實如此。如果您的程式有更多代碼，則可能存在干擾按鈕的更多代碼中的問題。
uj5u.com熱心網友回復：
您的代碼運行良好。您正在覆寫按鈕的默認 CSS，為您的按鈕使用特定的 CSS。它會更好......也許你想要這個型別的按鈕檢查這個按鈕它會幫助你......
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>New</title>
<style>
button {
display: block;
margin: auto;
padding: 10px 15px;
color: #354259;
background-color: #ECE5C7;
overflow: hiden;
border: 1px solid;
}
</style>
</head>
<body>
<button>Apply now</button>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/481789.html
上一篇：重新組織樹枝中的陣列